<template>
  <view class="box">
    <!-- {{ userIdentityType === 'CAR_DEALERSHIP_SHOP' && userAuditStatus == '1' }} -->
    <view class="top1" :style="'padding-top:' + statusBarHeight1 + 'px'">
      <view class="title"></view>

      <!-- 用户信息 -->
      <view class="user-info unselectable">
        <view class="user-top">
          <!-- 用户信息左侧区域 -->
          <div class="flex user-photo user-left" @click="set">
            <image
              :src="userInfo.image || 'https://pic.bangbangtongcheng.com/static/my/header.png'"
              class="header-img"
            />
            <div class="flex label-box">
              <!-- 个人、未认证 -->
              <div
                class="personal-label"
                v-if="userIdentityType === 'PERSONAL' && userAuditStatus !== '1' || !userIdentityType"
              >
                <!-- <image src="https://pic.bangbangtongcheng.com/static/my/tag1.png" mode="" /> -->
                <text>个人</text>
              </div>
              <!-- 其他身份 -->
              <div v-else>
                <template v-if="userInfo.phone">
                  <view v-if="userIdentityType === 'HOUSE_BUILDING' && userAuditStatus === '1'" class="shop-label">
                    <span>楼盘</span>
                  </view>
                  <view v-else-if="userIdentityType === 'HOUSE_REAL_ESTATE_SHOP' && userAuditStatus === '1'" class="shop-label">
                    <span>房产商家</span>
                  </view>
                  <view v-else-if="userIdentityType === 'HOUSE_BROKER' && userAuditStatus === '1'" class="shop-label">
                    <span>房产经纪人</span>
                  </view>
                  <view v-else-if="userIdentityType === 'CAR_DEALERSHIP_SHOP' && userAuditStatus === '1'" class="shop-label">
                    <span>4S店</span>
                  </view>
                  <view v-else-if="userIdentityType === 'CAR_AUTO_TRADING_SHOP' && userAuditStatus === '1'" class="shop-label">
                    <span>汽贸店</span>
                  </view>
                  <view v-else-if="userIdentityType === 'CAR_AUTO_REPAIR_SHOP' && userAuditStatus === '1'" class="shop-label">
                    <span>维修保养</span>
                  </view>
                  <view v-else-if="userIdentityType === 'CAR_BEAUTY_DECORATION_SHOP' && userAuditStatus === '1'" class="shop-label">
                    <span>美容装饰</span>
                  </view>
                  <view v-else-if="userIdentityType === 'CAR_BROKER_CAR_SALES_CONSULTANT' && userAuditStatus === '1'" class="shop-label">
                    <span>汽车销售顾问</span>
                  </view>
                  <view v-else-if="userIdentityType === 'RECRUITMENT_COMPANY' && userAuditStatus === '1'" class="shop-label">
                    <span>招聘企业</span>
                  </view>
                  <view v-else class="personal-label">
                    <span>个人</span>
                  </view>
                </template>
              </div>
            </div>
          </div>

          <!-- 用户信息中间区域 -->
          <div class="user-middle">
            <!-- 已登录 -->
            <view class="user" v-if="userInfo.phone">
              <view class="name">
                <view class="user-names" @click="set">
                  <view class="user-name">{{ userInfo.nikeName || '未设置昵称' }}</view>
                  <image
                    class="image"
                    src="https://pic.bangbangtongcheng.com/static/bbcz/xg_name02.png"
                    mode=""
                  >
                  </image>
                </view>
              </view>

              <!-- 账号 -->
              <view class="user-account">
                <span class="unselectable">账号：{{ userInfo.phone }}</span>
                <navigator hover-class="none" url="/pages_my/switchAccount">
                  <span style="margin-left: 50rpx; color: #0fa291">
                    <img
                      style="margin-right: 10rpx; width: 20rpx; height: 20rpx"
                      src="https://pic.bangbangtongcheng.com/static/my/change_account.png"
                      alt=""
                    />
                    切换账号
                  </span>
                </navigator>
                <!-- 设置-->
                <image
                  class="set-icon"
                  @click="setting"
                  src="https://pic.bangbangtongcheng.com/static/my/set1.png"
                />
              </view>

              <!-- 用户评星，只有商家和经纪人才显示 -->
              <view
                v-if="userIdentityType !== 'PERSONAL' && userAuditStatus === '1'"
                class="user-label"
                @click="set"
              >
                <span>用户评星：</span>
                <uni-rate
                  :value="userInfo.score"
                  size="17"
                  margin="-1"
                  color="#EBEBED"
                  active-color="#FFCD00"
                  readonly
                />
              </view>

              <!-- 会员 -->
              <view class="user-member">
                <text
                  class="vip-rank"
                  @click="set"
                  :style="{
                    color: colors[userInfo.memberLevel - 1].wordColor,
                    backgroundColor: colors[userInfo.memberLevel - 1].bgColor,
                    borderColor: colors[userInfo.memberLevel - 1].lineColor,
                  }"
                >
                  {{ userInfo.memberLevelTitle }}
                </text>

                <!-- 认证用户 -->
                <text v-if="auditText === '认证用户'" class="vip-rank has-audit" @click="set">
                  <text v-if="userIdentityType === 'RECRUITMENT_COMPANY' && userAuditStatus === '1'">认证企业</text>
                  <text
                    v-else-if="
                      (userIdentityType === 'HOUSE_BUILDING' ||
                      userIdentityType === 'HOUSE_REAL_ESTATE_SHOP' ||
                      userIdentityType === 'CAR_DEALERSHIP_SHOP' ||
                      userIdentityType === 'CAR_AUTO_TRADING_SHOP' ||
                      userIdentityType === 'CAR_AUTO_REPAIR_SHOP' ||
                      userIdentityType === 'CAR_BEAUTY_DECORATION_SHOP') && userAuditStatus === '1'
                    "
                  >
                    认证商家
                  </text>
                  <text v-else-if="userIdentityType === 'CAR_BROKER_CAR_SALES_CONSULTANT' && userAuditStatus === '1'"
                    >认证汽车销售顾问</text
                  >
                  <text v-else-if="userIdentityType === 'HOUSE_BROKER' && userAuditStatus === '1'">认证经纪人</text>
                  <text v-else>认证用户</text>
                </text>
                <!-- 未认证 -->
                <text v-else class="vip-rank" @click="set">
                  {{ auditText }}
                </text>
              </view>
            </view>

            <!-- 未登录 -->
            <!-- #ifdef APP-PLUS -->
            <button class="user" @click="login" v-else>
              <view class="name">
                <view class="user-name">点击登录</view>
              </view>
            </button>
            <!-- #endif -->
            <!-- #ifdef H5 -->
            <button class="user" @click="login" v-else>
              <view class="name">
                <view class="user-name">点击登录</view>
              </view>
            </button>
            <!-- #endif -->
            <!-- #ifdef MP-WEIXIN -->
            <button class="user" v-if="!userInfo.phone" @click="getuserinfo">
              <view class="name">
                <view class="user-name">点击登录</view>
              </view>
            </button>
            <!-- #endif -->
          </div>
        </view>

        <!-- 认证情况 -->
        <view v-if="userInfo.phone">
          <!-- 未认证 -->
          <view v-if="userAuditStatus == '0' || userAuditStatus == '2' && userInfo.personalRecruitmentStatus=='0'" class="user-bottom">
            <img
              style="width: 25rpx; height: 25rpx"
              src="https://pic.bangbangtongcheng.com/static/my/icon-auth.png"
              alt=""
            />
            <span class="auth-text">认证一下，解锁更多功能和个性化体验</span>
            <button class="btn-auth" style="margin-left: auto" @click="myWantAudit">
              我要认证
            </button>
          </view>

          <!-- 个人认证 -->
          <view
            v-else-if="userIdentityType === 'PERSONAL' &&  userInfo.personalRecruitmentStatus=='1'"
            class="user-bottom"
            style="justify-content: space-between"
          >
            <button class="btn-auth" @click="companyCertifiedPop = true">企业认证</button>
            <button class="btn-auth" @click="brokerCertifiedPop = true">经纪人认证</button>
            <button class="btn-auth" @click="personalApproveSeek">查看认证</button>
          </view>

          <!-- 招聘企业、楼盘商家、房产中介、4S店商家、汽贸店商家、汽车维修保养商家、汽车美容装饰商家  -->
          <view
            v-if="
              (userIdentityType === 'RECRUITMENT_COMPANY' ||
                userIdentityType === 'HOUSE_BUILDING' ||
                userIdentityType === 'HOUSE_REAL_ESTATE_SHOP' ||
                userIdentityType === 'CAR_DEALERSHIP_SHOP' ||
                userIdentityType === 'CAR_AUTO_TRADING_SHOP' ||
                userIdentityType === 'CAR_AUTO_REPAIR_SHOP' ||
                userIdentityType === 'CAR_BEAUTY_DECORATION_SHOP') &&
              userAuditStatus == '1'
            "
            class="user-bottom">
            <!-- 楼盘商家、房产中介 -->
            <button
              v-if="
                userIdentityType === 'HOUSE_BUILDING' ||
                userIdentityType === 'HOUSE_REAL_ESTATE_SHOP'
              "
              class="btn-auth"
              style="margin-right: 20rpx"
              @click="storeApproveSeek(1)"
            >
              完善认证
            </button>

            <!-- 4S店商家、汽贸店商家、汽车维修保养商家、汽车美容装饰商家-->
            <button
              v-if="
                userIdentityType === 'CAR_DEALERSHIP_SHOP' ||
                userIdentityType === 'CAR_AUTO_TRADING_SHOP' ||
                userIdentityType === 'CAR_AUTO_REPAIR_SHOP' ||
                userIdentityType === 'CAR_BEAUTY_DECORATION_SHOP'
              "
              class="btn-auth"
              style="margin-right: 20rpx"
              @click="storeApproveSeek(2)"
            >
              完善认证
            </button>

            <!-- 招聘企业 -->
            <button
              v-if="userIdentityType === 'RECRUITMENT_COMPANY'"
              class="btn-auth"
              style="margin-right: 20rpx"
              @click="storeApproveSeek(3)"
            >
              完善认证
            </button>

            <span class="auth-welcome">欢迎您：</span>
            <span class="auth-text">{{ userInfo.shopName }}</span>
          </view>

          <!-- 4s店经纪人 、汽贸店经纪人 、房产经纪人    -->
          <view
            v-if="
              userIdentityType === 'CAR_BROKER_CAR_SALES_CONSULTANT' ||
              userIdentityType === 'HOUSE_BROKER'
            "
            class="user-bottom"
          >
            <!-- 房产经纪人  -->
            <button
              v-if="userIdentityType === 'HOUSE_BROKER'"
              class="btn-auth"
              style="margin-right: 20rpx"
              @click="brokerApprovSeek(1)"
            >
              完善认证
            </button>
            <!-- 4s店经纪人 、汽贸店经纪人 -->
            <button
              v-if="userIdentityType === 'CAR_BROKER_CAR_SALES_CONSULTANT'"
              class="btn-auth"
              style="margin-right: 20rpx"
              @click="brokerApprovSeek(2)"
            >
              完善认证
            </button>
            <span class="auth-welcome">欢迎您：</span>
            <span class="auth-text">{{ userInfo.shopName }}</span>
          </view>
        </view>
      </view>

      <!-- 帮帮会员 -->
      <!-- <view class="function" v-if="userInfo.id" style="padding-top: 24rpx; margin-bottom: 40rpx">
				<view class="bbhy_xs">
					<image class="image" :src="levelList[userInfo.memberLevel - 1].img" mode=""></image>
					<text class="vip-rank" @click="goMyLevel"
						:style="{ color: colors[userInfo.memberLevel - 1].wordColor, backgroundColor: colors[userInfo.memberLevel - 1].bgColor, borderColor: colors[userInfo.memberLevel - 1].lineColor, }">
						{{ userInfo.memberLevelTitle }}
					</text>
					<view class="accumulativeTotal">
						<view class="total">
							<span>累计获得帮帮豆：</span>{{ userInfo.integral }}
						</view>
						<view class="surplus">
							<span>当前剩余帮帮豆：</span>{{ Number(userInfo.integral) - Number(userInfo.accumulatedUsageIntegral) }}
						</view>
					</view>
				</view>
			</view> -->

      <!-- 历史记录、收藏关注、备注信息-->
      <view v-if="userInfo.phone" class="favorite">
        <navigator url="/pages_my/historyRecord" hover-class="none">
          <view class="number">{{ historyQuantity || '0' }}</view>
          <view class="text">历史记录</view>
        </navigator>
        <navigator url="/pages_my/czcollect" hover-class="none">
          <view class="number">{{ collectionAttentionQuantity || '0' }}</view>
          <view class="text">收藏关注</view>
        </navigator>
        <navigator url="/pages_owner/my/doorSeen" hover-class="none">
          <view class="number">{{ noteInformationQuantity || '0' }}</view>
          <view class="text">备注信息</view>
        </navigator>
      </view>

      <!-- 我的简历 -->
      <view v-if="userInfo.businessType == 0 && userInfo.enterpriseRecruitmentStatus == 0" class="resume">
        <!-- 有简历 -->
        <template v-if="resumeId">
          <!-- 审核中 -->
          <view
            v-if="auditStatus == '0'"
            class="resume-waiting"
            style="border-radius: 20rpx; box-shadow: 0rpx 5rpx 10rpx 0rpx rgba(148, 65, 17, 0.2)">

            <navigator class="resume-mine" url="/pages_recruitMoney/publish/viewResume?type=1">
			  <image mode="widthFix" style="width: 100%;" src="https://pic.bangbangtongcheng.com/static/my/resume-waiting3.png" />
              <view class="tag-approving">
                <img
                  style="width: 23rpx; height: 26rpx"
                  src="https://pic.bangbangtongcheng.com/static/my/resume-approving1.png"
                  alt=""
                />
                <span>简历审核中</span>
              </view>
            </navigator>
          </view>

          <!-- 审核通过 -->
          <view v-if="auditStatus == '1'" class="resume-passed">
            <navigator class="resume-mine" url="/pages_recruitMoney/publish/viewResume?type=0">
              <img src="https://pic.bangbangtongcheng.com/static/my/resume-mine-text.png" alt="" />
              <view>{{ whetherHide ? '已隐藏简历' : '' }}</view>
            </navigator>
            <view class="resume-percent">
              <view style="height: 84rpx">
                <view style="text-align: left">简历完善度：</view>
                <view class="progress-box">
                  <view class="progress-content" :style="{ width: `${resumeCompleteness}%` }"
                    >{{ resumeCompleteness }}%
                  </view>
                </view>
              </view>
              <navigator class="btn-resume-done" url="/pages_recruitMoney/publish/perfectResume"
                >完善简历增加曝光</navigator
              >
            </view>
            <view class="resume-refresh" @click="refreshResume">
              <!-- <view style="text-align: left; font-size: 20rpx">上次刷新时间：</view> -->
              <view v-show="refreshTimeStr" style="margin: 10rpx 0; height: 32rpx; text-align: left; font-size: 22rpx">
                {{refreshTimeStr}}刷新了简历
              </view>
			  <view v-show="!refreshTimeStr" style="margin: 10rpx 0; height: 32rpx; text-align: left; font-size: 22rpx">
			    您还未刷新简历
			  </view>
              <button class="btn-resume-done" :style="{ opacity: disabledRefresh ? 0.5 : 1 }">
                刷新简历 {{ RemainingRefreshCount }}次/天
              </button>
            </view>
          </view>

          <!-- 第一次填写简历 审核未通过 -->
          <navigator
            v-if="auditStatus == '2' && auditNum == 1"
            class="resume-reject"
            url="/pages_recruitMoney/publish/writeResume"
          >
            <image mode="widthFix" style="width: 100%;" src="https://pic.bangbangtongcheng.com/static/my/resume-reject1.png" />
            <button class="btn-resume">重新填写</button>
            <view class="tag-reject">
              <img
                style="width: 28rpx; height: 28rpx"
                src="https://pic.bangbangtongcheng.com/static/my/resume-close1.png"
                alt=""
              />
              <span>审核未通过</span>
            </view>
          </navigator>

          <!-- 第n次完善简历 审核未通过 -->
          <navigator
            v-if="auditStatus == '2' && auditNum == 2"
            class="resume-reject"
            url="/pages_recruitMoney/publish/perfectResume"
          >
            <image mode="widthFix" style="width: 100%;" src="https://pic.bangbangtongcheng.com/static/my/resume-reject1.png" />
            <button class="btn-resume">重新填写</button>
            <view class="tag-reject">
              <img
                style="width: 28rpx; height: 28rpx"
                src="https://pic.bangbangtongcheng.com/static/my/resume-close1.png"
                alt=""
              />
              <span>审核未通过</span>
            </view>
          </navigator>
        </template>
        <!-- 没简历 -->
        <template v-else>
          <navigator
            v-if="!auditStatus"
            class="resume-waiting"
            url="/pages_recruitMoney/publish/writeResume"
            style="border-radius: 20rpx; box-shadow: 0rpx 5rpx 10rpx 0rpx rgba(148, 65, 17, 0.2)"
          >
            <image mode="widthFix" style="width: 100%;" src="https://pic.bangbangtongcheng.com/static/my/resume-waiting3.png" />
            <button class="btn-resume">填写简历</button>
          </navigator>
        </template>
      </view>

      <!-- 我的管理 -->
      <view class="function">
        <view class="myManagement"> <span class="title-line"></span>我的管理 </view>
        <!-- <view class="grid text-center col-4"> -->
        <view class="manage-box">
          <view class="blockzbq" @click="managementClick(1)">
            <image src="https://pic.bangbangtongcheng.com/static/my/wodefabu.png" />
            <view>我的发布</view>
          </view>
          <view class="blockzbq" @click="tiaozhuan(5, 0)">
						<image src="https://pic.bangbangtongcheng.com/static/my/wodezhuye.png" />
						<view>我的主页</view>
					</view>
          <view
            class="blockzbq"
            v-if="userInfo.isAgent === '0' && userInfo.enterpriseRecruitmentStatus != 1"
            @click="managementClick(9)"
          >
            <image src="https://pic.bangbangtongcheng.com/static/my/wodeweituo.png" />
            <view>我的委托</view>
          </view>

          <!-- <view class="blockzbq" @click="managementClick(3)">
						<image src="https://pic.bangbangtongcheng.com/static/my/wodefabu.png" />
						<view>历史记录</view>
					</view> -->
          <!-- 	<view class="blockzbq" @click="managementClick(2)">
						<image src="https://pic.bangbangtongcheng.com/static/my/icon3.png" />
						<view>收藏关注</view>
					</view> -->
          <!-- <view class="blockzbq" @click="managementClick(4)">
						<image src="https://pic.bangbangtongcheng.com/static/bbcz/mysmkg02.png" />
						<view>上门看过</view>
					</view> -->
          <!-- <template v-if="userInfo.businessType==1 && userInfo.isAgent!=0">
						<view class="blockzbq" v-if="userInfo.shopType==1" @click="managementClick(6)">
							<image src="https://pic.bangbangtongcheng.com/static/bbcz/qbfy_cy.png" />
							<view>全部房源</view>
						</view>
					</template>
<template v-else-if="userInfo.businessType==2 && userInfo.isAgent!=0">
						<view class="blockzbq" v-if="userInfo.shopType!=3 && userInfo.shopType!=4" @click="managementClick(6)">
							<image src="https://pic.bangbangtongcheng.com/static/bbcz/qbfy_cy.png" />
							<view>全部车源</view>
						</view>
					</template> -->

          <view class="blockzbq" v-if="auditText == '认证用户' || userInfo.personalRecruitmentStatus === '1'" @click="managementClick(13)">
            <image src="https://pic.bangbangtongcheng.com/static/my/zhaopinguanli.png" />
            <view>招聘管理</view>
            <span class="red-text" v-if="recruitNumber">+{{ recruitNumber }}</span>
          </view>
          <view
            class="blockzbq"
            v-if="userInfo.businessType == 0 && userInfo.enterpriseRecruitmentStatus == 0"
            @click="managementClick(14)"
          >
            <image src="https://pic.bangbangtongcheng.com/static/my/qiuzhijincheng.png" />
            <view>求职进程</view>
            <!-- <span class="red-text" v-if="progressNumber">+{{ progressNumber }}</span> -->
          </view>

          <!-- 房产中介商家为：经纪人管理 -->
          <template v-if="userInfo.businessType == 1">
            <view
              class="blockzbq"
              v-if="userInfo.isShop == 1 && userInfo.shopType == 1"
              @click="managementClick(7)"
            >
              <image src="https://pic.bangbangtongcheng.com/static/my/jingjirenguanli.png" />
              <view>经纪人管理</view>
            </view>
          </template>
          <!-- 4s店、汽贸店商家为：销售顾问管理 -->
          <template v-else>
            <view
              class="blockzbq"
              v-if="userInfo.isShop == 1 && userInfo.shopType != 3 && userInfo.shopType != 4"
              @click="managementClick(7)"
            >
              <image src="https://pic.bangbangtongcheng.com/static/my/jingjirenguanli.png" />
              <view>销售顾问管理</view>
            </view>
          </template>
          <!-- <view class="blockzbq" @click="managementClick(8)">
						<image src="https://pic.bangbangtongcheng.com/static/my/icon4.png" />
						<view>问题反馈</view>
					</view> -->

          <!-- <template v-if="userInfo.businessType==1 && userInfo.isAgent==1">
						<view class="blockzbq" v-if="userInfo.shopType==1" @click="managementClick(10)">
							<image src="https://pic.bangbangtongcheng.com/static/bbcz/wtfy01.png" />
							<view>委托房源</view>
						</view>
					</template>
					<template v-else-if="userInfo.businessType==2 && userInfo.isAgent==1">
						<view class="blockzbq" v-if="userInfo.shopType!=3 && userInfo.shopType!=4" @click="managementClick(10)">
							<image src="https://pic.bangbangtongcheng.com/static/bbcz/wtcy01.png" />
							<view>委托车源</view>
						</view>
					</template> 
          <view
            class="blockzbq"
            v-if="userInfo.merchantId && !userInfo.merchantStaffId"
            @click="managementClick(12)"
          >
            <image src="https://pic.bangbangtongcheng.com/static/chy02.png" />
            <view>车会员</view>
          </view>-->
          <!-- 	<view class="blockzbq" v-if="userInfo.businessType == 0 && userInfo.enterpriseRecruitmentStatus == 1"
						@click="renzheng(1)">
						<image src="https://pic.bangbangtongcheng.com/static/rzwdp_s.png" />
						<view>认证为店铺</view>
					</view> -->

          <!-- <view class="blockzbq" @click="managementClick(11)">
						<image src="https://pic.bangbangtongcheng.com/static/bbcz/clubs_1.png" />
						<view>帮友俱乐部</view>
					</view> -->
        </view>
      </view>
    </view>

    <!-- 房源管理 -->
    <view
      class="function"
      v-if="userIdentityType === 'HOUSE_REAL_ESTATE_SHOP' || userIdentityType === 'HOUSE_BROKER'"
    >
      <view class="myManagement"> <span class="title-line"></span>房源管理 </view>
      <view class="manage-box">
        <view class="block" @click="managementClick(6)">
          <image src="https://pic.bangbangtongcheng.com/static/my/mendianfangyuan.png" />
          <view>门店房源</view>
        </view>
        <view class="block" @click="renzheng(4)">
          <image src="https://pic.bangbangtongcheng.com/static/my/gerenfangyuan.png" />
          <view>个人房源</view>
        </view>
        <view class="block" @click="renzheng(5)">
          <image src="https://pic.bangbangtongcheng.com/static/my/gongxiangfangyuan.png" />
          <view>共享房源</view>
        </view>
        <view class="block" @click="managementClick(10)">
          <image src="https://pic.bangbangtongcheng.com/static/my/gerenweituo.png" />
          <view>个人委托</view>
        </view>
      </view>
    </view>

    <!-- 车源管理 -->
    <view
      class="function"
      v-if="
        userIdentityType === 'CAR_DEALERSHIP_SHOP' && userAuditStatus === '1' ||
        userIdentityType === 'CAR_AUTO_TRADING_SHOP' && userAuditStatus === '1' ||
        userIdentityType === 'CAR_BROKER_CAR_SALES_CONSULTANT' && userAuditStatus === '1'
      "
    >
      <view class="myManagement"> <span class="title-line"></span>车源管理 </view>
      <view class="manage-box">
        <view class="block" @click="managementClick(6)">
          <image src="https://pic.bangbangtongcheng.com/static/my/mendiancheyuan.png" />
          <view>门店车源</view>
        </view>
        <view class="block" @click="renzheng(6)">
          <image src="https://pic.bangbangtongcheng.com/static/my/gerencheyuan.png" />
          <view>个人车源</view>
        </view>
        <view class="block" @click="renzheng(7)">
          <image src="https://pic.bangbangtongcheng.com/static/my/gongxiangcheyuan.png" />
          <view>共享车源</view>
        </view>
        <view class="block" @click="managementClick(10)">
          <image src="https://pic.bangbangtongcheng.com/static/my/gerenweituo.png" />
          <view>个人委托</view>
        </view>
      </view>
    </view>

    <!-- 未认证用户弹窗 -->
    <view class="mapbuZbc" v-if="uncertifiedPop" @touchmove.stop.prevent="">
      <div class="certify-section">
        <view class="mapView" @click="companyCertifiedPop = true;uncertifiedPop = false">
          <div class="img-box">
            <img src="https://pic.bangbangtongcheng.com/static/certify-company.png" />
          </div>
          <p>企业认证</p>
        </view>
        <view class="mapView" @click="brokerCertifiedPop = true;uncertifiedPop = false">
          <div class="img-box">
            <img src="https://pic.bangbangtongcheng.com/static/certify-broker.png" />
          </div>
          <p>经纪人认证</p>
        </view>
        <view class="mapView" v-if="userInfo.enterpriseRecruitmentStatus == 0">
          <div class="img-box" @click="personalApproveSeek()">
            <img
              src="https://pic.bangbangtongcheng.com/static/certify-personal.png"
            />
          </div>
          <p>个人认证</p>
        </view>
        <view class="show" @click="uncertifiedPop = false">
          <image
            style="width: 100%; height: 100%"
            src="https://pic.bangbangtongcheng.com/static/my/close.png"
          >
          </image>
        </view>
      </div>
    </view>

    <!--企业认证弹窗 -->
    <view class="mapbuZbc" v-if="companyCertifiedPop" @touchmove.stop.prevent="">
      <div class="certify-section">
        <view class="mapView">
          <div class="img-box" @click="storeApproveSeek(1)">
            <img
              src="https://pic.bangbangtongcheng.com/static/certify-building.png"
            />
          </div>
          <p>认证房产店铺</p>
        </view>
        <view class="mapView">
          <div class="img-box" @click="storeApproveSeek(2)">
            <img
              src="https://pic.bangbangtongcheng.com/static/certify-car.png"
            />
          </div>
          <p>认证汽车店铺</p>
        </view>
        <view class="mapView" v-if="userInfo.enterpriseRecruitmentStatus == 0">
          <div class="img-box" @click="storeApproveSeek(3)">
            <img
              src="https://pic.bangbangtongcheng.com/static/certify-recruitment.png"
            />
          </div>
          <p>认证招聘企业</p>
        </view>
        <view class="show" @click="companyCertifiedPop = false;uncertifiedPop = true">
          <image
            style="width: 100%; height: 100%"
            src="https://pic.bangbangtongcheng.com/static/my/close.png"
          >
          </image>
        </view>
      </div>
    </view>

    <!--经纪人认证弹窗 -->
    <view class="mapbuZbc" v-if="brokerCertifiedPop" @touchmove.stop.prevent="">
      <div class="certify-section" style="flex-direction: column; padding: 47rpx 29rpx">
        <view style="display: flex; justify-content: start; align-items: center; width: 100%">
          <img
            style="margin-right: 10rpx; width: 30rpx; height: 30rpx"
            src="https://pic.bangbangtongcheng.com/static/certify-tip.png"
            mode=""
          />
          <span style="color: #000; font-size: 32rpx;font-weight: 600;">请注意</span>
        </view>
        <view
          style="
            margin-top: 16rpx;
            margin-bottom: 43rpx;
            width: 100%;
            text-align: left;
            font-size: 24rpx;
            color: #666;
          "
        >
          认证经纪人，需商家账号审核通过后，平台方能审核完成，请及时提醒商家哦!
        </view>

        <view style="display: flex; justify-content: center; align-items: center">
          <view class="mapView">
            <div class="img-box">
              <img
                src="https://pic.bangbangtongcheng.com/static/certify-building.png"
                @click="brokerApprovSeek(1)"
              />
            </div>
            <p>认证房产经纪人</p>
          </view>
          <view class="mapView">
            <div class="img-box">
              <img
                src="https://pic.bangbangtongcheng.com/static/certify-car.png"
                @click="brokerApprovSeek(2)"
              />
            </div>
            <p>认证汽车销售顾问</p>
          </view>
        </view>

        <view class="show" @click="brokerCertifiedPop = false">
          <image
            style="width: 100%; height: 100%"
            src="https://pic.bangbangtongcheng.com/static/my/close.png"
          >
          </image>
        </view>
      </div>
    </view>

    <!-- 
		<view class="kapian" v-if="!userInfo" style="margin-top: 40rpx">
			<view class="li" @click="renzheng(1)">
				<image src="https://pic.bangbangtongcheng.com/static/geren_1.png" />
				<p>企业认证</p>
			</view>
			<view class="li" @click="renzheng(3)">
				<image src="https://pic.bangbangtongcheng.com/static/geren_3.png" />
				<p>销售顾问认证</p>
			</view>
		</view>
		
		<template v-else>
			<view class="kapian" v-if="userInfo.enterpriseRecruitmentStatus != 1" style="margin-top: 40rpx">
				<view class="li" @click="renzheng(1)" v-if="userInfo.isShop == 0 && userInfo.isAgent == 0">
					<image src="https://pic.bangbangtongcheng.com/static/geren_1.png" />
					<p>企业认证</p>
				</view>
				<view class="li" @click="renzheng(3)" v-if="userInfo.isAgent == 0">
					<image src="https://pic.bangbangtongcheng.com/static/geren_3.png" />
					<p>销售顾问认证</p>
				</view>
			</view>
		</template> -->

    <view class="mapbuZbc" v-if="storeApprove" @touchmove.stop.prevent="">
      <view class="mapView">
        <image
          src="https://pic.bangbangtongcheng.com/static/fabu_c.png"
          @click="storeApproveSeek(1)"
        />
        <p>认证房产店铺</p>
      </view>
      <view class="mapView">
        <image
          src="https://pic.bangbangtongcheng.com/static/bbcz/dtzc01.png"
          @click="storeApproveSeek(2)"
        />
        <p>认证汽车店铺</p>
      </view>
      <view class="mapView" v-if="userInfo.enterpriseRecruitmentStatus == 0">
        <image
          src="https://pic.bangbangtongcheng.com/static/bbzc/releaseFullTime.png"
          @click="storeApproveSeek(3)"
        />
        <p>认证招聘企业</p>
      </view>
      <view class="show" @click="storeApproveClose">
        <image
          style="width: 100%; height: 100%"
          src="https://pic.bangbangtongcheng.com/static/guanbi.png"
        >
        </image>
      </view>
    </view>

    <!-- <view class="mapbuZbc" v-if="brokerApprove" @touchmove.stop.prevent="">
			<view class="mapView">
			  <image src="https://pic.bangbangtongcheng.com/static/fabu_c.png" @click="brokerApprovSeek(1)" />
			  <p>认证房产经纪人</p>
			</view>
			<view class="mapView">
			  <image src="https://pic.bangbangtongcheng.com/static/bbcz/dtzc01.png" @click="brokerApprovSeek(2)" />
			  <p>认证汽车销售顾问</p>
			</view>
			<view class="show" @click="brokerApproveClose">
			  <image style="width: 100%; height: 100%" src="https://pic.bangbangtongcheng.com/static/guanbi.png"></image>
			</view>
		</view> -->

    <!-- 房源/车源:作废 -->
    <view
      style="display: none; margin-top: 40rpx"
      v-if="
        (userInfo.isAgent == 1 || userInfo.isShop == 1) &&
        ((userInfo.businessType == 2 && (userInfo.shopType == 1 || userInfo.shopType == 2)) ||
          (userInfo.businessType == 1 && userInfo.shopType == 1))
      "
    >
      <view class="function">
        <view class="myManagement">
          {{ userInfo.businessType == 1 ? '房源' : '车源' }}
        </view>
        <view class="grid margin-bottom text-center col-4" style="margin-bottom: 0">
          <template v-if="userInfo.businessType == 1">
            <view class="block" @click="managementClick(6)">
              <image src="https://pic.bangbangtongcheng.com/static/bbcz/qbfy_cy.png" />
              <view>门店房源</view>
            </view>
            <!-- <view class="block" @click="renzheng(4)">
              <image src="https://pic.bangbangtongcheng.com/static/bbcz/grfy_02.png" />
              <view>个人房源</view>
            </view>
            <view class="block" @click="renzheng(5)">
              <image src="https://pic.bangbangtongcheng.com/static/bbcz/gxfy_02.png" />
              <view>共享房源</view>
            </view> -->
            <view class="block" @click="renzheng(4)">
              <image src="https://pic.bangbangtongcheng.com/9b164974030b44828011fe0f04e6a36d.png" />
              <view>个人房源</view>
            </view>
            <view class="block" @click="renzheng(5)">
              <image src="https://pic.bangbangtongcheng.com/e58a534f9d434aaf8cfc0e6997d7d863.png" />
              <view>共享房源</view>
            </view>
            <view class="block" @click="managementClick(10)">
              <image src="https://pic.bangbangtongcheng.com/static/bbcz/wtfy01.png" />
              <view>委托房源</view>
            </view>
          </template>
          <template v-else>
            <view class="block" @click="managementClick(6)">
              <image src="https://pic.bangbangtongcheng.com/static/bbcz/qbfy_cy.png" />
              <view>门店车源</view>
            </view>
            <view class="block" @click="renzheng(6)">
              <image src="https://pic.bangbangtongcheng.com/static/grcy02.png" />
              <view>个人车源</view>
            </view>
            <view class="block" @click="renzheng(7)">
              <image src="https://pic.bangbangtongcheng.com/static/gxcy02.png" />
              <view>共享车源</view>
            </view>
            <view class="block" @click="managementClick(10)">
              <image src="https://pic.bangbangtongcheng.com/static/bbcz/wtcy01.png" />
              <view>委托车源</view>
            </view>
          </template>
        </view>
      </view>
    </view>

    <!-- 推广置顶、收益提现、帮帮豆余额:5.1.0暂时隐藏  -->
    <view v-if="userInfo.phone" class="major-function" style="display: none">
      <navigator url="" class="major-item promotion">
        <view class="title">
          <p class="title-text">推广置顶</p>
          <img
            class="title-icon"
            src="https://pic.bangbangtongcheng.com/static/my/promotion-icon.png"
            alt=""
          />
        </view>
        <view class="content">更多人看到您的信息</view>
      </navigator>
      <navigator url="" class="major-item withdrawal">
        <view class="title">
          <p class="title-text">收益提现</p>
          <img
            class="title-icon"
            src="https://pic.bangbangtongcheng.com/static/my/withdrawal-icon.png"
            alt=""
          />
        </view>
        <view class="content">礼品·打赏</view>
      </navigator>
      <navigator url="" class="major-item balance">
        <view class="title" style="display: felx; justify-content: center">
          <p class="title-text">0</p>
        </view>
        <view class="content">帮帮豆余额</view>
      </navigator>
    </view>

    <!-- 车会员、活动中心、今日任务 -->
    <view v-if="userInfo.phone" class="member-activities">
      <navigator url="/pages_my/bangClub" class="activities-item car-members" hover-class="none">
        <view class="title">
          <p class="title-text">车会员</p>
          <img
            style="width: 35rpx; height: 28rpx"
            src="https://pic.bangbangtongcheng.com/static/my/car-members-icon.png"
            alt=""
          />
        </view>
        <view class="content">专属好礼免费领</view>
      </navigator>
      <view class="column-line"></view>
      <view>
        <navigator
          url="/pages_my/activity"
          class="activities-item activities-center"
          hover-class="none"
        >
          <view class="title">
            <p class="title-text">活动中心</p>
            <img
              class="title-icon"
              src="https://pic.bangbangtongcheng.com/static/my/activities-center-icon.png"
              alt=""
            />
          </view>
          <view class="content">福利多多，等你来领</view>
        </navigator>
        <view class="line"></view>
        <navigator
          url="/pages_my/bangClub?tab=1"
          class="activities-item today-task"
          hover-class="none"
        >
          <view class="title">
            <p class="title-text">今日任务</p>
            <img
              class="title-icon"
              src="https://pic.bangbangtongcheng.com/static/my/today-task-icon.png"
              alt=""
            />
          </view>
          <view class="content">做任务领帮帮豆</view>
        </navigator>
      </view>
    </view>

    <!-- 信息对比、贷款计算器、我的喜好、我要反馈 -->
    <view class="tool-section">
      <navigator url="/pages_my/contrast" class="tool-item">
        <p class="title-text">信息对比</p>
        <img class="tool-icon" src="https://pic.bangbangtongcheng.com/static/my/xxdb.png" alt="" />
      </navigator>
      <navigator url="/pages_my/tool" class="tool-item">
        <p class="title-text">贷款计算器</p>
        <img class="tool-icon" src="https://pic.bangbangtongcheng.com/static/my/dkjsq.png" alt="" />
      </navigator>
      <navigator url="/pages_owner/my/beFondOf" class="tool-item">
        <p class="title-text">我的喜好</p>
        <img class="tool-icon" src="https://pic.bangbangtongcheng.com/static/my/wdxh.png" alt="" />
      </navigator>
      <navigator url="/pages_my/problem" class="tool-item">
        <p class="title-text">我要反馈</p>
        <img class="tool-icon" src="https://pic.bangbangtongcheng.com/static/my/wyfk.png" alt="" />
      </navigator>
    </view>

    <!-- 我的喜好：废弃 -->
    <view style="display: none; margin-top: 40rpx">
      <view class="function">
        <view class="function_top">
          <view class="function_top_xh"> 我的喜好 </view>
          <view class="function_top_zdy" @click="beFondOfClick()">
            <view class="function_top_zdy_span"> 自定义> </view>
          </view>
        </view>
        <scroll-view scroll-x @scroll="scroll">
          <view
            ref="likeRef"
            class="likeRef margin-bottom text-center col-4"
            style="margin-bottom: 0; display: flex"
          >
            <view
              class="block xh_block"
              v-for="(i, j) in myHomepage"
              :key="i.id"
              @click="tiaozhuan(5, j)"
            >
              <image :src="i.imgUrl" />
              <view>{{ i.name }}</view>
            </view>
            <view
              class="block xh_block"
              v-for="(item, index) in xzqbList"
              :index="index"
              :key="item.id"
              @click="tiaozhuans(item)"
            >
              <image :src="item.image" />
              <view>{{ item.name }}</view>
            </view>
          </view>
        </scroll-view>
        <view class="slidBar">
          <!-- 左边已滑过距离 -->
          <view :style="'width:' + (newzuo * 100 + '%')"></view>
          <!-- 自身滚动条 -->
          <view
            class="zishen"
            :style="'width:' + (newtest > 1 ? '100%' : newtest * 100 + '%')"
          ></view>
        </view>
      </view>
    </view>

    <!-- 我的工具:废弃 -->
    <view style="display: none; margin-top: 40rpx">
      <view class="function">
        <view class="myManagement"> 我的工具 </view>
        <view class="grid margin-bottom text-center col-4" style="margin-bottom: 0">
          <view class="block" @click="tiaozhuan(1)">
            <image src="https://pic.bangbangtongcheng.com/static/bbcz/wdxh/xxdb01.png" />
            <view>信息对比</view>
          </view>
          <view class="block" @click="tiaozhuan(2)">
            <image src="https://pic.bangbangtongcheng.com/static/bbcz/wdxh/dkjsq01.png" />
            <view>贷款计算器</view>
          </view>
          <!-- <view class="block" @click="tiaozhuan(3)">
						<image src="https://pic.bangbangtongcheng.com/static/bbcz/wdxh/wtpg01.png" />
						<view>委托租售</view>
					</view>
					<view class="block" @click="tiaozhuan(4)">
						<image src="https://pic.bangbangtongcheng.com/static/bbcz/wdxh/wtpg01.png" />
						<view>委托评估</view>
					</view> -->
        </view>
      </view>
    </view>
    <uni-popup ref="binds" mode="center">
      <view class="binds_frame">
        <view class="binds_frame_t">提示</view>
        <view class="binds_frame_c">您有待审核的经纪人认证申请,请及时处理</view>
        <view class="binds_frame_b">
          <view class="cancel" @click="jcbdCancel">以后处理</view>
          <view class="determine" @click="confirmReceipt">去审核</view>
        </view>
      </view>
    </uni-popup>
    <uni-popup ref="binds_jjrrz" mode="center">
      <view class="binds_jjrrz">
        <view class="title">
          <view class="title_left">
            <image
              class="title_left_image"
              src="https://pic.bangbangtongcheng.com/static/my_tc_wh.png"
              mode=""
            >
            </image>
            <span class="title_left_span" style="font-weight: 600;">请注意</span>
          </view>
          <image
            class="title_image"
            src="https://pic.bangbangtongcheng.com/static/my_tc_gb.png"
            @click="brokerApproveClose"
            mode=""
          ></image>
        </view>
        <view class="tips"
          >认证经纪人，需商家账号审核通过后，平台方能审核完成，请及时提醒商家哦!</view
        >
        <view class="centers">
          <view class="centers_item" @click="brokerApprovSeek(1)">
            <image
              class="image"
              src="https://pic.bangbangtongcheng.com/static/fabu_c.png"
              mode=""
            ></image>
            <view class=""> 认证房产经纪人 </view>
          </view>
          <view class="centers_item" @click="brokerApprovSeek(2)">
            <image
              class="image"
              src="https://pic.bangbangtongcheng.com/static/bbcz/dtzc01.png"
              mode=""
            ></image>
            <view class=""> 认证汽车销售顾问 </view>
          </view>
        </view>
      </view>
    </uni-popup>

    <uni-popup ref="bindsAdd" mode="center">
      <view class="window">
        <view class="window_top" v-if="chainMsg.shop">
          <image
            @click="bindsAddClose"
            class="window_close"
            src="https://pic.bangbangtongcheng.com/static/my_close.png"
            mode="scaleToFill"
          />
          <view class="window_title">
            {{ chainMsg.shop.shopName }}
          </view>
          <view class="window_text">
            邀请您加入连锁商家，加入后连锁商家的房源将互相共享，请谨慎选择
          </view>
          <view class="window_text">TA的留言：</view>
          <view class="text_widnow">{{ chainMsg.remarks }}</view>
          <view class="show" @click="showShop">查看已加入商家</view>
        </view>
        <view class="window_btn_box">
          <view class="window_btn" @click="shopCancel(1)">拒绝</view>
          <view class="window_btn window_btn1" @click="shopSuccess(1)">同意</view>
        </view>
      </view>
    </uni-popup>
    <uni-popup ref="bindsAddCar" mode="center">
      <view class="window">
        <view class="window_top" v-if="chainCarMsg.distributor">
          <image
            @click="bindsAddCarClose"
            class="window_close"
            src="https://pic.bangbangtongcheng.com/static/my_close.png"
            mode="scaleToFill"
          />
          <view class="window_title">
            {{ chainCarMsg.distributor.storeName }}
          </view>
          <view class="window_text">
            邀请您加入连锁商家，加入后连锁商家的车源将互相共享，请谨慎选择
          </view>
          <view class="window_text">TA的留言：</view>
          <view class="text_widnow">{{ chainCarMsg.remarks }}</view>
          <view class="show" @click="showShopCar">查看已加入商家</view>
        </view>
        <view class="window_btn_box">
          <view class="window_btn" @click="shopCancel(2)">拒绝</view>
          <view class="window_btn window_btn1" @click="shopSuccess(2)">同意</view>
        </view>
      </view>
    </uni-popup>
    <view class="fabuZbc" v-if="fabuZbc" @touchmove.stop.prevent="">
      <view class="fabuZbc_sj">
        <template v-if="userInfo.businessType == 1">
          <view class="fzView" v-if="userInfo.shopType != 2">
            <image
              src="https://pic.bangbangtongcheng.com/static/fabu_c.png"
              @click="fabuClick(1)"
            />
            <p>卖房</p>
          </view>
          <view class="fzView" v-if="userInfo.shopType != 2">
            <image
              src="https://pic.bangbangtongcheng.com/static/fabu_z.png"
              @click="fabuClick(2)"
            />
            <p>租房</p>
          </view>
          <view class="fzView" v-if="userInfo.isShop == '1'">
            <image
              src="https://pic.bangbangtongcheng.com/static/bbzc/releaseFullTime.png"
              @click="fabuClick(11)"
            />
            <p>招全职</p>
          </view>
          <view class="fzView" v-if="userInfo.isShop == '1'">
            <image
              src="https://pic.bangbangtongcheng.com/static/bbzc/postPartTime.png"
              @click="fabuClick(12)"
            />
            <p>招兼职</p>
          </view>
          <view class="fzView" v-if="userInfo.isShop == '1' && userInfo.shopType == '1'">
            <image src="/static/2house-info.png" @click="fabuClick(3)" />
            <p>公司资料</p>
          </view>
          <view class="fzView" v-if="userInfo.isShop == '1' && userInfo.shopType == '2'">
            <image src="/static/2house-info.png" @click="fabuClick(5)" />
            <p>楼盘轮播</p>
          </view>
          <view class="fzView">
            <image src="/static/byq01.png" @click="fabuClick(7)" />
            <p>帮友圈</p>
          </view>
        </template>
        <template v-else-if="userInfo.businessType == 2">
          <view class="fzView" v-if="userInfo.shopType == 1 || userInfo.shopType == 2">
            <image src="/static/mc01.png" @click="fabuClick(9)" />
            <p>卖车</p>
          </view>
          <view class="fzView" v-if="userInfo.shopType == 3 || userInfo.shopType == 4">
            <image src="/static/fwxm01.png" @click="fabuClick(8)" />
            <p>服务项目</p>
          </view>
          <view
            class="fzView"
            v-if="userInfo.isShop == 1 && userInfo.shopType != 3 && userInfo.shopType != 4"
          >
            <image src="/static/zscx01.png" @click="fabuClick(10)" />
            <p>在售车系</p>
          </view>
          <view class="fzView">
            <image src="/static/byq01.png" @click="fabuClick(7)" />
            <p>帮友圈</p>
          </view>
          <view class="fzView" v-if="userInfo.isShop == 1">
            <image src="/static/2house-info.png" @click="fabuClick(3)" />
            <p>公司资料</p>
          </view>
          <view class="fzView" v-if="userInfo.isShop == '1'">
            <image
              src="https://pic.bangbangtongcheng.com/static/bbzc/releaseFullTime.png"
              @click="fabuClick(11)"
            />
            <p>招全职</p>
          </view>
          <view class="fzView" v-if="userInfo.isShop == '1'">
            <image
              src="https://pic.bangbangtongcheng.com/static/bbzc/postPartTime.png"
              @click="fabuClick(12)"
            />
            <p>招兼职</p>
          </view>
        </template>
        <template v-else>
          <view class="fzView" v-if="userInfo.enterpriseRecruitmentStatus != 1">
            <image
              src="https://pic.bangbangtongcheng.com/static/fabu_c.png"
              @click="fabuClick(1)"
            />
            <p>卖房</p>
          </view>
          <view class="fzView" v-if="userInfo.enterpriseRecruitmentStatus != 1">
            <image
              src="https://pic.bangbangtongcheng.com/static/fabu_z.png"
              @click="fabuClick(2)"
            />
            <p>租房</p>
          </view>
          <view class="fzView" v-if="userInfo.enterpriseRecruitmentStatus != 1">
            <image src="/static/mc01.png" @click="fabuClick(9)" />
            <p>卖车</p>
          </view>
          <view class="fzView">
            <image
              src="https://pic.bangbangtongcheng.com/static/bbzc/releaseFullTime.png"
              @click="fabuClick(11)"
            />
            <p>招全职</p>
          </view>
          <view class="fzView">
            <image
              src="https://pic.bangbangtongcheng.com/static/bbzc/postPartTime.png"
              @click="fabuClick(12)"
            />
            <p>招兼职</p>
          </view>
          <view class="fzView" v-if="userInfo.enterpriseRecruitmentStatus != 1">
            <image
              src="https://pic.bangbangtongcheng.com/static/bbzc/writeResume.png"
              @click="fabuClick(13)"
            />
            <p>写简历</p>
          </view>
          <view class="fzView">
            <image src="/static/byq01.png" @click="fabuClick(7)" />
            <p>帮友圈</p>
          </view>
          <view class="fzView" v-if="userInfo.enterpriseRecruitmentStatus == 1">
            <image src="/static/2house-info.png" @click="fabuClick(3)" />
            <p>公司资料</p>
          </view>
        </template>
        <view class="show" @click="fabu_guan">
          <image
            style="width: 100%; height: 100%"
            src="https://pic.bangbangtongcheng.com/static/guanbi.png"
          >
          </image>
        </view>
      </view>
    </view>

    <u-modal
      :show="showWhetherOpen"
      ref="whetherOpenModel"
      asyncClose
      title="您的简历已隐藏,\n公开后才能刷新哦~"
      showCancelButton
      cancelText="取消"
      @cancel="showWhetherOpen = false"
      confirmText="立即公开"
      confirmColor="#0FA291"
      @confirm="confirmOpen"
    ></u-modal>

    <commonToastVue :toast="toastData" ></commonToastVue>
    <view-tabbar :selected="4" ref="viewTabbar" style="z-index: 999" @changeRelease="changeRelease"></view-tabbar>
    <uniBall v-show="showBall" ref="uniBall"></uniBall>
  </view>
</template>

<script>
  import { mapGetters, mapActions } from 'vuex'
  //#ifdef H5
  import wxshare from '@/utils/index.js'  
  //#endif
  import commonToastVue from '@/components/common-toast.vue';

  import Tabbar from '@/components/tabbar.vue'
  // import './index.css'
  export default {
    data() {
      return {
        inReview: false, // 是否有审核内容
        showBall: !0, // Ball 展示状态 默认展示
        starLevel: 4,
        imgUrl: this.$imgSrc,
        published: false,
        phone: '',
        toastData: {
          content: '',
          type: '',
        },
        userInfo: {},
        tipsList: [],
        userInfo1: {
          openid: '',
          headimgurl: '',
          nickname: '',
          unionid: '',
        },
        autoStatus: true,
        system: '',
        platform: '',
        vipData: {},
        // 判断是"普通用户还是商家，还是经纪人"
        userChage: 3,
        colors: [
          {
            bgColor: '#F5DDCD',
            wordColor: '#4E260A',
            lineColor: '#B6C4C3',
            level: '青铜会员',
          },
          {
            bgColor: '#F7F7F7',
            wordColor: '#A3AAB0',
            lineColor: '#D2D9E0',
            level: '白银会员',
          },
          {
            bgColor: '#FFF8DE',
            wordColor: '#CEAB21',
            lineColor: '#D3CAB2',
            level: '黄金会员',
          },
          {
            bgColor: '#EDFAFF',
            wordColor: '#59B0E6',
            lineColor: '#BBD0DB',
            level: '铂金会员',
          },
          {
            bgColor: '#F2F5FF',
            wordColor: '#284EB6',
            lineColor: '#C1CBEF',
            level: '钻石会员',
          },
          {
            bgColor: '#FDF7FF',
            wordColor: '#A877C6',
            lineColor: '#DBC6E8',
            level: '钻石Ⅰ会员',
          },
          {
            bgColor: '#F8F2FF',
            wordColor: '#78439F',
            lineColor: '#958AC3',
            level: '钻石Ⅱ会员',
          },
          {
            bgColor: '#F4F2F2',
            wordColor: '#8D4581',
            lineColor: '#907B8C',
            level: '钻石Ⅲ会员',
          },
          {
            bgColor: '#F4F2F2',
            wordColor: '#502E30',
            lineColor: '#795D5E',
            level: '王者会员',
          },
        ],
        levelList: [
          {
            name: '青铜',
            img: 'https://pic.bangbangtongcheng.com/static/qt01.png',
          },
          {
            name: '白银',
            img: 'https://pic.bangbangtongcheng.com/static/by01.png',
          },
          {
            name: '黄金',
            img: 'https://pic.bangbangtongcheng.com/static/hj01.png',
          },
          {
            name: '铂金',
            img: 'https://pic.bangbangtongcheng.com/static/bj01.png',
          },
          {
            name: '钻石',
            img: 'https://pic.bangbangtongcheng.com/static/zs01.png',
          },
          {
            name: '钻石I',
            img: 'https://pic.bangbangtongcheng.com/static/zsI01.png',
          },
          {
            name: '钻石II',
            img: 'https://pic.bangbangtongcheng.com/static/zsII01.png',
          },
          {
            name: '钻石III',
            img: 'https://pic.bangbangtongcheng.com/static/zsIII01.png',
          },
          {
            name: '王者',
            img: 'https://pic.bangbangtongcheng.com/static/wz01.png',
          },
        ],
        xzqbList: [],
        myHomepage: [
          // {
          // 	id: 1,
          // 	name: "我的主页",
          // 	imgUrl: "https://pic.bangbangtongcheng.com/static/bbcz/wdxh/wdzy01.png",
          // },
          {
            id: 19,
            name: '帮帮安巢',
            imgUrl: 'https://pic.bangbangtongcheng.com/static/bbcz/wdxh/bbac01.png',
          },
          {
            id: 20,
            name: '帮帮车主',
            imgUrl: 'https://pic.bangbangtongcheng.com/static/bbcz/wdxh/bbcz01.png',
          },
          {
            id: 21,
            name: '帮帮招才',
            imgUrl: 'https://pic.bangbangtongcheng.com/static/bbcz/wdxh/bbzc01.png',
          },
        ],
        storeApprove: false,
        brokerApprove: false,
        convencid: uni.getStorageSync('convencid') ? uni.getStorageSync('convencid') : '',
        likeWidth: '',
        scrollLeft: 0,
        newtest: 0,
        fabuZbc: false,
        chainMsg: {},
        chainCarMsg: {},
        auditText: '',
        userIdentityType: null, // 认证类型
        userAuditStatus: null, // 认证状态
        uncertifiedPop: false, // 未认证弹窗
        companyCertifiedPop: false, // 企业认证弹窗
        brokerCertifiedPop: false, // 经纪人认证
        resumeCompleteness: 0,
        historyQuantity: '0', // 历史记录
        collectionAttentionQuantity: '0', // 收藏关注
        noteInformationQuantity: '0', //备注信息
        auditStatus: '', // 简历审核状态
        auditNum: 0, // 简历审核次数 1 - 第一次填写简历 2 - 第n次完善简历
        secondAuditStatus: '', // 二次简历审核状态
        refreshCount: 0, // 简历剩余刷新次数
        refreshTime: '', // 上次刷新时间
        resumeId: '', // 简历Id
        whetherHide: false, // 是否隐藏简历
        disabledRefresh: false, // 禁止刷新简历
        refreshMaxTimes: 5, // 每天刷新次数上线
        progressNumber: '', // 求职进程数量
        recruitNumber: '', // 招聘管理数量
        showWhetherOpen: false, // 是否公开简历
        curriculumVitae: {},
      }
    },
    components: {
      'view-tabbar': Tabbar,
      commonToastVue,
    },
    onLoad(opts) {
      this.published = opts.published
      uni.hideTabBar()
      // this.getVip()
      // #ifdef H5
      this.jinzhi()
      console.log('userInfo', this.userInfo)

      // #endif
      this.getTips()
      uni.getSystemInfo({
        success: (res) => {
          this.system = res.system.substring(4, 6)
          this.platform = res.platform
        },
        fail: (err) => {},
        complete: () => {},
      })

      /* 个人用户点开人才简历 需要认证点击去认证展开弹窗 */
      if (opts.showPopup === 'enterprise') {
        this.renzheng(1)
      }

      // setTimeout(() => {
      // 	this.$refs.bindsAdd.open()
      // }, 1000);
    },
    async onShow() {
      this.userInfo = uni.getStorageSync('Pduser');
      this.myBeFondOf();
      this.phone = this.userInfo.phone;
      // console.log("onShow", this.userInfo)
      console.log(`进入onShow,this.phone=${this.phone},this.userInfo=`,this.userInfo);
      // uni.showToast({
      //   title: `进入onShow,this.phone=${this.phone}`,
      //   icon: 'none'
      // })
      this.setManage()
      // 登录之后执行的操作
      if (this.phone) {
        // 如果历史记录、收藏关注、备注信息数值超过99，就显示99+
        this.historyQuantity =
          this.userInfo.historyQuantity > 99 ? '99+' : this.userInfo.historyQuantity
        this.collectionAttentionQuantity =
          this.userInfo.collectionAttentionQuantity > 99
            ? '99+'
            : this.userInfo.collectionAttentionQuantity
        this.noteInformationQuantity =
          this.userInfo.noteInformationQuantity > 99 ? '99+' : this.userInfo.noteInformationQuantity
        console.log(`进入getAuthentication,,,this.phone=${this.phone}`);
        // 获取认证信息
        await this.getAuthentication()
        console.log(`getUserPhone,,,this.phone=${this.phone}`);
        await this.getUserPhone()
        //获取简历详情
        console.log(`getResumeDetails,,,this.phone=${this.phone}`);
        await this.getResumeDetails()
        // 获取求职进程数量
        console.log(`getProgressNumber,,,this.phone=${this.phone}`);
        await this.getProgressNumber()
        // 获取招聘管理数量
        console.log(`getRecruitNumber,,,this.phone=${this.phone}`);
        await this.getRecruitNumber()
        this.$nextTick(() => {
          console.log(`userInfo.businessType,,,this.phone=${this.userInfo.businessType}`);
          this.$refs.viewTabbar.fnc()
        })
      }
      let that = this
      this.$nextTick(() => {
        uni
          .createSelectorQuery()
          .in(this)
          .select('.likeRef')
          .fields(
            {
              size: true,
            },
            (res) => {
              that.likeWidth = res.width
              that.newtests()
            }
          )
          .exec()
      })
      this.$nextTick(() => {
        this.$refs.uniBall.getData()
      })
    },
    onReady() {
      this.isToLogin();
    },
    computed: {
      // 剩余刷新次数
      RemainingRefreshCount() {
        let RemainingRefreshCount = this.refreshMaxTimes - this.refreshCount
        if (RemainingRefreshCount <= 0) {
          // 置灰刷新按钮
          this.disabledRefresh = true
          return 0
        } else {
          return RemainingRefreshCount
        }
      },
      refreshTimeStr(){
        if (!this.refreshTime) return '';
        const date = new Date(this.refreshTime);

        // 当前时间
        const now = new Date();

        // 计算时间差（毫秒）
        const diffMs = now - date;

        // 如果传入的日期在未来，返回 "刚刚" 或者可以自定义提示
        if (diffMs < 0) {
          return '刚刚'; // 或者你可以返回 "未来时间" 等提示
        }

        // 定义时间单位对应的毫秒数
        const minute = 60 * 1000;
        const hour = 60 * minute;
        const day = 24 * hour;
        const week = 7 * day;
        const month = 30 * day; // 粗略估算一个月为30天
        const year = 365 * day; // 粗略估算一年为365天

        // 判断时间差落在哪个区间
        if (diffMs < minute) {
          return '刚刚';
        } else if (diffMs < hour) {
          const minutes = Math.floor(diffMs / minute);
          return `${minutes}分钟前`;
        } else if (diffMs < day) {
          const hours = Math.floor(diffMs / hour);
          return `${hours}小时前`;
        } else if (diffMs < week) {
          const days = Math.floor(diffMs / day);
          return `${days}天前`;
        } else if (diffMs < month) {
          const weeks = Math.floor(diffMs / week);
          return `${weeks}周前`;
        } else if (diffMs < year) {
          const months = Math.floor(diffMs / month);
          return `${months}个月前`;
        } else {
          const years = Math.floor(diffMs / year);
          return `${years}年前`;
        }
      },
      newzuo() {
        let width = (this.likeWidth / 4) * (this.xzqbList.length + 1)
        return this.scrollLeft / width
      },
      ...mapGetters(['statusBarHeight1', 'userinfo', 'curUserAuditStatus', 'curUserIdentityType']),
    },
    onHide() {
      this.uncertifiedPop = false
      this.companyCertifiedPop = false
      this.brokerCertifiedPop = false
      this.curriculumVitae = {} // 清空简历数据
    },
    methods: {
      isToLogin(){
        this.userInfo = uni.getStorageSync('Pduser');
        // 如果没有登录，跳转到登录页
        this.phone = this.userInfo.phone;
        if (!this.phone) {
          setTimeout(() => {
            this.$TOLOGIN();
          },200)
          return false;
        }
      },
      changeRelease(status){
        this.showBall = !status;
      },
      // 获取认证信息
      async getAuthentication() {
        uni.removeStorageSync('userAuditStatus')
        uni.removeStorageSync('userIdentityType')
				if (!this.userInfo || !this.userInfo.id) return false;
        // 根据用户ID查询用户是否认证
        const result = await this.$myRequest.get(
          '/api/mobile/public/verifyUserWhetherAuthenticationBusinessOrAgentAll',
          {
            userId: this.userInfo.id,
          }
        )
        if (result.code === 200) {
          console.log('result====', result)
          if (result.userAuthenticationDto) {
            // null：未认证，后端不会返回这个字段
            // PERSONAL：个人认证
            // HOUSE_BUILDING:楼盘认证
            // HOUSE_REAL_ESTATE_SHOP:房产商家认证
            // HOUSE_BROKER:房产经纪人认证
            // CAR_DEALERSHIP_SHOP::4S店认证
            // CAR_AUTO_TRADING_SHOP:汽贸店认证
            // CAR_AUTO_REPAIR_SHOP: 汽车维修商家认证
            // CAR_BEAUTY_DECORATION_SHOP:美容装饰商家认证
            // CAR_BROKER_CAR_SALES_CONSULTANT:汽车销售顾问认证(4s店经纪人或汽贸店经纪人)
            // RECRUITMENT_COMPANY:招聘企业认证
            this.userIdentityType = result.userAuthenticationDto.userIdentityType
            // 审核状态（0：未审核，1：审核通过，2：审核不通过，3：待商家审核，4：待平台审核）
            this.userAuditStatus = result.userAuthenticationDto.auditStatus;
            if (this.userAuditStatus === '1' || this.userInfo.personalRecruitmentStatus === '1') {
              this.auditText = '认证用户'
            } else {
              this.auditText = '未认证用户'
            }
          } else {
            this.auditText = '未认证用户'
            this.userIdentityType = null
          }
          this.$store.commit('user/SET_USERAUDITSTATUS', this.userAuditStatus)
          this.$store.commit('user/SET_USERIDENTITYTYPE', this.userIdentityType)
          uni.setStorageSync('curUserAuditStatus', this.userAuditStatus)
          uni.setStorageSync('curUserIdentityType', this.userIdentityType)
          // console.log("this.$store.state.userAuditStatus;", this.curUserAuditStatus)
          // console.log("this.$store.state.userAuditStatus;", this.curUserIdentityType)
        }
      },
      myWantAudit(){
        if (this.inReview) {
          this.storeApprove = false
          uni.showToast({
            title: '当前已有认证审核中，请耐心等候！',
            icon: 'none',
            mask: true,
          })
          return
        }
        this.uncertifiedPop = true;
      },
      showShop() {
        this.$refs.bindsAdd.close()
        uni.setStorageSync('chainMsg', this.chainMsg)
        uni.navigateTo({
          url: '/pages_my/allHousingShow?type=none&id=' + this.chainMsg.shop.id,
        })
      },
      showShopCar() {
        this.$refs.bindsAddCar.close()
        uni.setStorageSync('chainMsg', this.chainCarMsg)
        uni.navigateTo({
          url: '/pages_my/allOptionsShow?type=none&id=' + this.chainCarMsg.distributor.id,
        })
      },
      // 获取简历信息
      getResumeDetails() {
        this.curriculumVitae = {} // 清空简历数据
        this.$myRequest
          .get('/api/mobile/personnelOwner/getResumeDetails', {
            publisherId: this.userInfo.id,
            whetherDraft: 0,
          })
          .then((res) => {
            if (res.biographicalNotesDetails) {
              this.resumeId = res.biographicalNotesDetails.id || null

              // 为了实时保存完善简历的数据，缓存数据要覆盖接口初始查询的业务数据
              // 但以下字段的数据因其他业务而变动，要以接口数据为准
              this.auditStatus =
                res.biographicalNotesDetails.secondAuditStatus ||
                res.biographicalNotesDetails.auditStatus
              this.auditNum = res.biographicalNotesDetails.auditNum
                ? res.biographicalNotesDetails.auditNum
                : 0
              this.refreshCount = res.biographicalNotesDetails.refreshCount
              this.resumeCompleteness = res.biographicalNotesDetails.resumeCompleteness + 60
              this.whetherHide = res.biographicalNotesDetails.whetherHide
              this.refreshTime = res.biographicalNotesDetails.refreshTime

              // 获取缓存数据，并弃掉缓 加分项、教育经历、工作经历
              // 因为完善简历返回我的页面后，需要保存修改的数据到storage，所以这里接口获取数据后，也需要合并完善简历的数据
              // const curriculumVitae_storage = uni.getStorageSync('curriculumVitae')
              // delete curriculumVitae_storage.bonusItem
              // delete curriculumVitae_storage.graduationAcademy
              // delete curriculumVitae_storage.workExperience
              // if (Object.keys(curriculumVitae_storage).length > 0) {
              //   // 审核中简历以缓存数据为主
              //   if (auditStatus == '0') {
              //     this.curriculumVitae = {
              //       ...this.curriculumVitae,
              //       ...curriculumVitae_storage,
              //     }
              //   } else {
              //     this.curriculumVitae = {
              //       ...curriculumVitae_storage,
              //       ...this.curriculumVitae,
              //     }
              //   }
              // }
              // 已经有简历
              if (this.resumeId) {
                // 简历id
                if (res.biographicalNotesDetails.id) {
                  this.curriculumVitae.id = res.biographicalNotesDetails.id
                }
                //教育经历
                if (res.biographicalNotesDetails.graduationAcademy) {
                  let graduationAcademy = JSON.parse(res.biographicalNotesDetails.graduationAcademy)
                  // console.log('this.curriculumVitae.graduationAcademy', this.curriculumVitae.graduationAcademy);
                  if (typeof this.curriculumVitae.graduationAcademy == 'string') {
                    this.curriculumVitae.graduationAcademy = JSON.parse(
                      this.curriculumVitae.graduationAcademy
                    )
                  }
                  // 如果接口数据有id，就覆盖本地缓存数据
                  if (graduationAcademy.id) {
                    this.curriculumVitae.graduationAcademy = JSON.stringify(graduationAcademy)
                    // this.curriculumVitae.graduationAcademy.id = graduationAcademy.id
                    // this.curriculumVitae.graduationAcademy = JSON.stringify(this.curriculumVitae.graduationAcademy)
                  }
                }

                // 工作经历
                if (res.biographicalNotesDetails.workExperience) {
                  let workExperience = JSON.parse(res.biographicalNotesDetails.workExperience)
                  if (typeof this.curriculumVitae.workExperience == 'string') {
                    if (this.curriculumVitae.workExperience == 'null') {
                      this.curriculumVitae.workExperience = []
                    } else {
                      this.curriculumVitae.workExperience = JSON.parse(
                        this.curriculumVitae.workExperience
                      )
                    }
                    this.curriculumVitae.workExperience.length > 0 &&
                      this.curriculumVitae.workExperience.map((v, i) => {
                        if (v.id) {
                          v.id = workExperience[i].id
                        }
                      })
                    this.curriculumVitae.workExperience = JSON.stringify(
                      this.curriculumVitae.workExperience
                    )
                  }
                }

                // 加分项
                if (res.biographicalNotesDetails.bonusItem) {
                  let bonusItem = JSON.parse(res.biographicalNotesDetails.bonusItem)
                  if (typeof this.curriculumVitae.bonusItem == 'string') {
                    this.curriculumVitae.bonusItem = JSON.parse(this.curriculumVitae.bonusItem)
                  }
                  // this.curriculumVitae.bonusItem = JSON.parse(this.curriculumVitae.bonusItem);
                  this.curriculumVitae.bonusItem && (this.curriculumVitae.bonusItem.id = bonusItem.id);
                  // console.log('	this.curriculumVitae.bonusItem', this.curriculumVitae.bonusItem);

                  if (
                    this.curriculumVitae.bonusItem && this.curriculumVitae.bonusItem.trainingExperience &&
                    this.curriculumVitae.bonusItem.trainingExperience !== 'null'
                  ) {
                    this.curriculumVitae.bonusItem.trainingExperience = JSON.parse(
                      this.curriculumVitae.bonusItem.trainingExperience
                    )
                    this.curriculumVitae.bonusItem.trainingExperience.length > 0 &&
                      this.curriculumVitae.bonusItem.trainingExperience.forEach((v, i) => {
                        v = {
                          ...v,
                          ...bonusItem.trainingExperience[i],
                        }
                        v.id = bonusItem.trainingExperience[i].id || ''
                      })
                    this.curriculumVitae.bonusItem.trainingExperience = JSON.stringify(
                      this.curriculumVitae.bonusItem.trainingExperience
                    )
                  } else {
                    // 如果没有值则初始化
                    if (!this.curriculumVitae.bonusItem) {
                      this.curriculumVitae.bonusItem = {};
                    }
                    this.curriculumVitae.bonusItem.trainingExperience = [
                      {
                        trainingInstitutions: '',
                        trainingCourse: '',
                        trainingTime: '',
                        trainingStartTime: '',
                        trainingEndTime: '',
                      },
                    ]
                  }

                  if (
                    this.curriculumVitae.bonusItem.languageAbility &&
                    this.curriculumVitae.bonusItem.languageAbility !== 'null'
                  ) {
                    this.curriculumVitae.bonusItem.languageAbility = JSON.parse(
                      this.curriculumVitae.bonusItem.languageAbility
                    )
                    this.curriculumVitae.bonusItem.languageAbility.length > 0 &&
                      this.curriculumVitae.bonusItem.languageAbility.map((v, i) => {
                        console.log('v', v)
                        v.id = JSON.parse(bonusItem.languageAbility)[i].id || ''
                      })
                    this.curriculumVitae.bonusItem.languageAbility = JSON.stringify(
                      this.curriculumVitae.bonusItem.languageAbility
                    )
                  } else {
                    this.curriculumVitae.bonusItem.languageAbility = [
                      {
                        languages: '',
                        listeningSpeakingAbility: '',
                        readingWritingAbility: '',
                      },
                    ]
                  }

                  if (
                    this.curriculumVitae.bonusItem.qualification &&
                    this.curriculumVitae.bonusItem.qualification !== 'null'
                  ) {
                    this.curriculumVitae.bonusItem.qualification = JSON.parse(
                      this.curriculumVitae.bonusItem.qualification
                    )
                    this.curriculumVitae.bonusItem.qualification.length > 0 &&
                      this.curriculumVitae.bonusItem.qualification.map((v, i) => {
                        v.id = JSON.parse(bonusItem.qualification)[i].id || ''
                      })
                    this.curriculumVitae.bonusItem.qualification = JSON.stringify(
                      this.curriculumVitae.bonusItem.qualification
                    )
                  } else {
                    // 没值，初始化资质证书
                    this.curriculumVitae.bonusItem.qualification = [
                      {
                        certificateName: '',
                        getTime: '',
                      },
                    ]
                  }

                  if (
                    this.curriculumVitae.bonusItem.professionalSkills &&
                    this.curriculumVitae.bonusItem.professionalSkills !== 'null'
                  ) {
                    this.curriculumVitae.bonusItem.professionalSkills = JSON.parse(
                      this.curriculumVitae.bonusItem.professionalSkills
                    )
                    this.curriculumVitae.bonusItem.professionalSkills.length > 0 &&
                      this.curriculumVitae.bonusItem.professionalSkills.map((v, i) => {
                        v.id = JSON.parse(bonusItem.professionalSkills)[i].id || ''
                      })
                    this.curriculumVitae.bonusItem.professionalSkills = JSON.stringify(
                      this.curriculumVitae.bonusItem.professionalSkills
                    )
                  } else {
                    // 没值，初始化专业技能
                    this.curriculumVitae.bonusItem.professionalSkills = [
                      {
                        skillName: '',
                        duration: '',
                        mastery: '',
                        certificateWorks: [],
                      },
                    ]
                  }
                  this.curriculumVitae.bonusItem = JSON.stringify(this.curriculumVitae.bonusItem)
                }
              }
              console.log('this.curriculumVitae====', this.curriculumVitae)
              //无论是否有简历，都缓存数据
              uni.setStorageSync('curriculumVitae', this.curriculumVitae)
            } else {
              this.auditStatus = ''
            }
          })
      },
      // 获取列表数据
      async getProgressNumber() {
        const res = await this.$myRequest.get(
          '/api/mobile/personnelOwner/getDeliveryRecordTabulation',
          {
            userId: this.userInfo.id,
            jobProgress: '', //0：待沟通，1：沟通中，2：感兴趣，3：不满意
            keyword: '',
            longitude: '', //当前位置的经度
            latitude: '', //当前位置的纬度
            pageNo: 1,
            pageSize: 10,
          }
        )
        if (res.code === 200) {
          this.progressNumber = res.deliveryRecordTabulation.quantityStatisticsList[0].unreadNumber || 0;
        }
      },
      // 获取招聘管理数量
      async getRecruitNumber() {
        const res = await this.$myRequest.get('/api/mobile/personnelOwner/getPostingResume', {
          userId: this.userInfo.id,
          keyword: '',
          pageNo: 1,
          pageSize: 10,
        })
        if (res.code === 200) {
          if (res.postingResume.quantityStatisticsList) {
            this.recruitNumber = res.postingResume.quantityStatisticsList[0].unreadNumber || 0;
          }
        }
      },
      // 刷新简历
      async refreshResume() {
        console.log('this.curriculumVitae.whetherHide', this.curriculumVitae.whetherHide)
        if (this.whetherHide) {
          this.showWhetherOpen = true
          return
        }

        if (this.RemainingRefreshCount <= 0) {
          //达到刷新上限
          uni.showToast({
            title: '已达免费刷新上限，明天再来继续哦~',
            icon: 'none',
            mask: true,
          })
        } else {
          // 刷新简历
          const res = await this.$myRequest.post('/api/mobile/personnelOwner/refreshResumeByIds', {
            ids: this.resumeId,
            userId: this.userInfo.id,
          })
          if (res.code == 200) {
            this.getResumeDetails();
            this.toastData = {
              content: '刷新成功',
              type: res.success ? 'success' : 'none',
              duration: 1000,
            }
          }
        }
      },
      // 公开简历
      async confirmOpen() {
        const params = {
          userId: this.userInfo.id,
          ids: this.curriculumVitae.id,
          hideFlag: 0, //隐藏标识（0：展示，1：隐藏）
        }
        const res = await this.$myRequest.post('/api/mobile/personnelOwner/hideResumeByIds', params)
        if (res.code === 200) {
          this.showWhetherOpen = false
          this.getResumeDetails()

          //更新缓存中whetherHide值
          let curriculumVitae = uni.getStorageSync('curriculumVitae')
          curriculumVitae.whetherHide = false
          this.curriculumVitae.whetherHide = false
          this.whetherHide = false
          // uni.setStorageSync('curriculumVitae', curriculumVitae)
          this.refreshResume()
        }
      },
      getShopMsg() {
        this.$myRequest
          .get('/api/mobile/public/questionAddChain', {
            shopId: this.userInfo.shopId,
            bussType: '1',
          })
          .then((res) => {
            if (res.chainMsg.length != 0) {
              this.chainMsg = res.chainMsg[0]
              this.$refs.bindsAdd.open()
            }
          })
      },
      getCarMsg() {
        this.$myRequest
          .get('/api/mobile/public/questionAddChain', {
            shopId: this.userInfo.shopId,
            bussType: '2',
          })
          .then((res) => {
            if (res.chainMsg.length != 0) {
              this.chainCarMsg = res.chainMsg[0]
              this.$refs.bindsAddCar.open()
            }
          })
      },
      shopCancel(type) {
        if (type == 1) {
          this.$myRequest
            .post('/api/mobile/public/auditChainStores', {
              id: this.chainMsg.id,
              status: '2',
            })
            .then((res) => {
              uni.showToast({
                title: res.msg,
                icon: 'none',
                mask: true,
              })
              this.$refs.bindsAdd.close()
            })
        } else {
          this.$myRequest
            .post('/api/mobile/public/auditChainStores', {
              id: this.chainCarMsg.id,
              status: '2',
            })
            .then((res) => {
              uni.showToast({
                title: res.msg,
                icon: 'none',
                mask: true,
              })
              this.$refs.bindsAddCar.close()
            })
        }
      },
      shopSuccess(type) {
        if (type == 1) {
          this.$myRequest
            .post('/api/mobile/public/auditChainStores', {
              id: this.chainMsg.id,
              status: '1',
            })
            .then((res) => {
              uni.showToast({
                title: res.msg,
                icon: 'none',
                mask: true,
              })
              this.$refs.bindsAdd.close()
            })
        } else {
          this.$myRequest
            .post('/api/mobile/public/auditChainStores', {
              id: this.chainCarMsg.id,
              status: '1',
            })
            .then((res) => {
              uni.showToast({
                title: res.msg,
                icon: 'none',
                mask: true,
              })
              this.$refs.bindsAddCar.close()
            })
        }
      },
      bindsAddClose() {
        this.$refs.bindsAdd.close()
      },
      bindsAddCarClose() {
        this.$refs.bindsAddCar.close()
      },
      // activity() {
      // 	if (!this.userInfo.phone) {
      // 		uni.showToast({
      // 			title: "请先登录",
      // 			icon: "none",
      // 			mask: true
      // 		});
      // 		return;
      // 	}
      // 	uni.navigateTo({
      // 		url: "/pages_my/activity",
      // 	});
      // },
      fabuClick(num) {
        if (!this.userInfo.phone) {
          uni.showToast({
            title: '请登录',
            icon: 'none',
            mask: true,
          })
          return
        }
        if (num == 1) {
          uni.navigateTo({
            url: '/pages_houses/housing/salesType',
          })
        } else if (num == 2) {
          // uni.navigateTo({
          // 	url: "/pages_release/tenement",
          // });
          uni.navigateTo({
            url: '/pages_houses/housing/salesType?fromType=' + 'tenement',
          })
        } else if (num == 3) {
          uni.navigateTo({
            url: '/pages_release/sellingInfomation?identify=1',
          })
        } else if (num == 4) {
          uni.navigateTo({
            url: '/pages_release/sellingInfomation?identify=2',
          })
        } else if (num == 5) {
          if (!this.userInfo.buildingsId) {
            uni.showToast({
              title: '您还未发布楼盘，请前往PC端发布楼盘！',
              icon: 'none',
              mask: true,
            })
            return
          }
          uni.navigateTo({
            url: '/pages_release/sellingInfomation?identify=3',
          })
        } else if (num == 6) {
          uni.navigateTo({
            url: '/pages_release/sellingInfomation?identify=4',
          })
        } else if (num == 7) {
          uni.navigateTo({
            url: '/pages_owner/release/releaseFriends',
          })
        } else if (num == 8) {
          uni.navigateTo({
            url: '/pages_owner/release/servicesAvailable',
          })
        } else if (num == 9) {
          uni.navigateTo({
            url: '/pages_owner/release/sellCar',
          })
        } else if (num == 10) {
          uni.navigateTo({
            url: '/pages_owner/release/saleCarSeries',
          })
        } else if (num == 11) {
          uni.navigateTo({
            url: '/pages_recruitMoney/publish/publishFullTime',
          })
        } else if (num == 12) {
          if (this.userInfo.businessType == 0 && this.userInfo.enterpriseRecruitmentStatus == 0) {
            // businessType = 0&& enterpriseRecruitmentStatus == 0为普通用户，businessType = 0 && enterpriseRecruitmentStatus == 1为企业
            this.$myRequest
              .get('/api/mobile/personnelOwner/getPersonalAuthenticationByUserId', {
                userId: this.userInfo.id,
              })
              .then((res) => {
                if (res.code === 200) {
                  // 认证审核中,或已认证
                  if (
                    res.personalCertification &&
                    (res.personalCertification.auditStatus === '0' ||
                      res.personalCertification.auditStatus === '2')
                  ) {
                    uni.navigateTo({
                      url: '/pages_recruitMoney/my/certificationInformation',
                    })
                  } else {
                    uni.navigateTo({
                      url: '/pages_recruitMoney/publish/publishConcurrently',
                    })
                  }
                }
              })
          } else {
            uni.navigateTo({
              url: '/pages_recruitMoney/publish/publishConcurrently',
            })
          }
        } else if (num == 13) {
          uni.navigateTo({
            url: '/pages_recruitMoney/publish/writeResume',
          })
        }
        this.fabuZbc = false
      },
      fabu_guan() {
        this.fabuZbc = false
      },
      // 查询是否有未待审核数据
      setManage() {
        let that = this
        if (this.userInfo.isShop != 1) {
          return
        }
        if (this.userInfo.businessType == 1) {
          this.$myRequest
            .get('/mob/user/getAgentInfoList', {
              pageSize: '999',
              pageNo: '1',
              shopId: this.userInfo.shopId,
            })
            .then((res) => {
              res.page.list.forEach((v) => {
                if (v.status == 0) {
                  this.$refs.binds.open()
                  return
                }
              })
            })
        } else {
          this.$myRequest
            .get('/api/mobile/vehicleOwner/getMySalesConsultantManagement', {
              pageSize: '999',
              pageNo: '1',
              userId: this.userInfo.id,
              storeId: this.userInfo.shopId,
            })
            .then((res) => {
              res.salesConsultantManagement.pageList.forEach((v) => {
                if (v.auditStatus == 3) {
                  this.$refs.binds.open()
                  return
                }
              })
            })
        }
      },
      jcbdCancel() {
        this.$refs.binds.close()
      },
      confirmReceipt() {
        if (this.userInfo.businessType == 1) {
          uni.navigateTo({
            url: '/pages_my/regulatorBroker',
          })
        } else {
          uni.navigateTo({
            url: '/pages_owner/my/managementBroker',
          })
        }
        this.jcbdCancel()
      },
      newtests() {
        let width = (this.likeWidth / 4) * (this.xzqbList.length + 4)
        this.newtest = this.likeWidth / width
      },
      scroll(e) {
        this.scrollLeft = e.detail.scrollLeft
      },
      // 获取我的喜好数据
      myBeFondOf() {
        let arr = []
        let xarr = []
        arr = uni.getStorageSync('whatLike')
        if (arr) {
          arr.forEach((v) => {
            if (v.sign) {
              xarr.push(v)
            }
          })
        }
        this.xzqbList = xarr
      },
      storeApproveClose() {
        this.storeApprove = false
      },
      brokerApproveClose() {
        this.$refs.binds_jjrrz.close()
        // this.brokerApprove=false
      },
      grxxdeail() {
        uni.navigateTo({
          url: '/pages_my/set',
        })
      },
      // 跳转个人认证
      personalApproveSeek() {
        uni.navigateTo({
          url: '/pages_recruitMoney/my/certificationInformation',
        })
      },
      // 跳转店铺认证
      storeApproveSeek(index) {
        if (this.inReview) {
          this.storeApprove = false
		  this.companyCertifiedPop = false
          uni.showToast({
            title: '当前已有认证审核中，请耐心等候！',
            icon: 'none',
            mask: true,
          })
          return
        }
        if (index == 1) {
          // 房产店铺
          uni.navigateTo({
            url: '/pages_my/enter_merchant',
          })
        } else if (index == 2) {
          // 汽车店铺
          uni.navigateTo({
            url: '/pages_owner/my/shopCertification',
          })
        } else if (index == 3) {
          // 招聘企业
          uni.navigateTo({
            url: '/pages_recruitMoney/my/shopCertification',
          })
        }
        this.storeApproveClose()
      },
      // 跳转经纪人认证
      brokerApprovSeek(index) {
		  if (this.inReview) {
		    this.storeApprove = false
		    this.brokerCertifiedPop = false
		    uni.showToast({
		      title: '当前已有认证审核中，请耐心等候！',
		      icon: 'none',
		      mask: true,
		    })
		    return
		  }
        if (index == 1) {
          // 房产经纪人
          let url = '/pages_my/enterBroker'
          if (this.userInfo.shopId) {
            url = url + '?shopId=' + this.userInfo.shopId
          }
          uni.navigateTo({
            url,
          })
        } else if (index == 2) {
          // 汽车销售顾问
          let url = '/pages_owner/my/certificationBroker'
          if (this.userInfo.shopId) {
            url = url + '?shopId=' + this.userInfo.shopId
          }
          uni.navigateTo({
            url,
          })
        }
        this.brokerApproveClose()
      },
      // 获取会员数据
      getVip() {
        this.$myRequest
          .post('/mob/iteration/getClubInfo', {
            userId: this.userInfo.id,
          })
          .then((res) => {
            this.vipData = res.userInfo
          })
      },

      // 点击会员
      goMyLevel() {
        uni.navigateTo({
          url: '/pages_my/bangClub',
        })
      },
      beFondOfClick() {
        uni.navigateTo({
          url: '/pages_owner/my/beFondOf',
        })
      },
      managementClick(num) {
        if (!this.userInfo.phone && num != 11) {
          uni.showToast({
            title: '请先登录',
            icon: 'none',
            mask: true,
          })
          return
        }
        if (num == 1) {
          uni.navigateTo({
            url: '/pages_my/myIssue',
          })
        } else if (num == 2) {
          uni.navigateTo({
            url: '/pages_my/czcollect',
          })
        } else if (num == 3) {
          uni.navigateTo({
            url: '/pages_my/historyRecord',
          })
        } else if (num == 4) {
          uni.navigateTo({
            url: '/pages_owner/my/doorSeen',
          })
        } else if (num == 5) {
          uni.navigateTo({
            url: '/pages_my/report',
          })
        } else if (num == 6) {
          if (this.userInfo.businessType == 1) {
            uni.navigateTo({
              url: '/pages_my/allHousing',
            })
          } else {
            uni.navigateTo({
              url: '/pages_owner/my/allOptions',
            })
          }
        } else if (num == 7) {
          // 判断是车主还是房源
          if (this.userInfo.businessType == 1) {
            uni.navigateTo({
              url: '/pages_my/regulatorBroker',
            })
          } else {
            uni.navigateTo({
              url: '/pages_owner/my/managementBroker',
            })
          }
        } else if (num == 8) {
          uni.navigateTo({
            url: '/pages_my/problem',
          })
        } else if (num == 9) {
          uni.navigateTo({
            url: '/pages_owner/my/commissionRental',
          })
        } else if (num == 10) {
          uni.navigateTo({
            url: '/pages_owner/my/entrust?index=' + this.userInfo.businessType,
          })
        } else if (num == 11) {
          uni.navigateTo({
            url: '/pages_my/bangClub',
          })
        } else if (num == 12) {
          uni.navigateTo({
            url: '/pages_owner/carMember/employeeManagement',
          })
        } else if (num == 13) {
          uni.navigateTo({
            url: '/pages_recruitMoney/my/recruitmentManagement',
          })
        } else if (num == 14) {
          // 求职进程
          uni.navigateTo({
            url: '/pages_recruitMoney/my/jobProcess',
          })
        }
      },
      tiaozhuan(num, index) {
        // console.log(num, index)
        if (!this.userInfo.phone && num != 2) {
          uni.showToast({
            title: '请先登录',
            icon: 'none',
            mask: true,
          })
          return
        }
        if (num == 1) {
          uni.navigateTo({
            url: '/pages_my/contrast',
          })
        } else if (num == 2) {
          uni.navigateTo({
            url: '/pages_my/tool',
          })
        } else if (num == 3) {
          uni.navigateTo({
            url: '/pages_owner/my/commissionRental',
          })
        } else if (num == 4) {
          uni.navigateTo({
            url: '/pages_owner/my/commissionAssessment',
          })
        } else if (num == 5) {
          if (index == 0) {
            // console.log("this.userIdentityType", this.userIdentityType)

            // 汽车经纪人
            if (this.userIdentityType === 'CAR_BROKER_CAR_SALES_CONSULTANT') {
              uni.navigateTo({
                url: '/pages_owner/dealer/dealerDetails?id=' + this.userInfo.shopId,
              })
              return
            }

            // 汽车维修/美容
            if (
              this.userIdentityType === 'CAR_AUTO_REPAIR_SHOP' ||
              this.userIdentityType === 'CAR_BEAUTY_DECORATION_SHOP'
            ) {
              uni.navigateTo({
                url: '/pages_owner/ownerService/ownerServiceDetails?id=' + this.userInfo.shopId,
              })
              return
            }

            // 4S店/汽贸店认证
            if (
              this.userIdentityType === 'CAR_DEALERSHIP_SHOP' ||
              this.userIdentityType === 'CAR_AUTO_TRADING_SHOP'
            ) {
              uni.navigateTo({
                url: '/pages_owner/dealer/dealerDetails?id=' + this.userInfo.shopId,
              })
              return
            }

            // 房产经纪人
            if (
              this.userIdentityType === 'HOUSE_BROKER' ||
              this.userIdentityType === 'HOUSE_REAL_ESTATE_SHOP'
            ) {
              uni.navigateTo({
                url: '/pages_intermediary/shopDetails?id=' + this.userInfo.shopId,
              })
              return
            }

            // 楼盘
            if (
              this.userInfo.businessType == 1 &&
              this.userInfo.shopType == 2 &&
              this.userInfo.isShop == 1
            ) {
              if (!this.userInfo.buildingsId) {
                uni.showToast({
                  title: '该商家还未发布楼盘！',
                  icon: 'none',
                  mask: true,
                })
                return
              }
              uni.navigateTo({
                url: '/pages_houses/houses/housesDetails?id=' + this.userInfo.buildingsId,
              })
              return
            }

            // 企业
            if (this.userInfo.businessType == 0 && this.userInfo.enterpriseRecruitmentStatus == 1) {
              uni.navigateTo({
                url:
                  '/pages_recruitMoney/recruitmentDetails/companyDetails?userId=' +
                  this.userInfo.id,
              })
              return
            }

            uni.navigateTo({
              url: '/pages_owner/dealer/goldConsultant?type=my&userId=' + this.userInfo.id,
            })
          } else if (index == 1) {
            uni.navigateTo({
              url: '/pages_index/bigIndex',
            })
          } else if (index == 2) {
            uni.navigateTo({
              url: '/pages_owner/index/index',
            })
          } else if (index == 3) {
            uni.navigateTo({
              url: '/pages_recruitMoney/index/index',
            })
          }
        }
      },
      tiaozhuans(item) {
        if (item.id == 2) {
          // 地图找车
          uni.navigateTo({
            // #ifdef APP
            url: '/pages/mapFind/Map',
            //#endif
            // #ifndef APP
            url: '/pages_mapFind/mapHouse',
            //#endif
          })
        } else if (item.id == 3) {
          uni.navigateTo({
            // #ifdef APP
            url: '/pages/index/Map',
            //#endif
            // #ifndef APP
            url: '/pages_index/mapHouse',
            //#endif
          })
        } else if (item.id == 24) {
          uni.navigateTo({
            // #ifdef APP
            url: '/pages/zcMapFind/Map',
            //#endif
            // #ifndef APP
            url: '/pages_mapFind/zcMapHouse',
            //#endif
          })
        } else if (item.id == 26 || item.id == 28) {
          uni.switchTab({
            url: item.path,
          })
        } else if (item.id == 27) {
          this.fabuZbc = true
        } else {
          uni.navigateTo({
            url: item.path,
          })
        }
      },
      renzheng(num) {
        if (!this.userInfo.phone) {
          uni.showToast({
            title: '请先登录',
            icon: 'none',
            mask: true,
          })
          return
        }
        //企业认证
        if (num == 1) {
          this.storeApprove = true
        } else if (num == 2) {
        } else if (num == 3) {
          // this.brokerApprove=true
          this.$refs.binds_jjrrz.open()
        } else if (num == 4) {
          uni.navigateTo({
            url: '/pages_my/personage',
          })
        } else if (num == 5) {
          uni.navigateTo({
            url: '/pages_my/shareHouse',
          })
        } else if (num == 6) {
          uni.navigateTo({
            url: '/pages_owner/my/personalOptions',
          })
        } else if (num == 7) {
          uni.navigateTo({
            url: '/pages_my/shareVehicle',
          })
        }
      },
      geren() {
        uni.navigateTo({
          url: '/pages_my/details',
        })
      },
      getTips() {
        let that = this
        this.$myRequest.get('/mob/home/getTipsInfo', {}).then((res) => {
          this.tipsList = res.page.list
        })
      },
      // 跳转昵称
      modify() {
        if (!this.userInfo.phone) {
          uni.showToast({
            title: '请先登录',
            icon: 'none',
            mask: true,
          })
          return
        }
        uni.navigateTo({
          url: '/pages_my/modify?type=1',
        })
      },
      // 跳转我的认证
      set() {
        if (!this.userInfo.phone) {
          uni.showToast({
            title: '请先登录',
            icon: 'none',
            mask: true,
          })
          return
        }
        uni.navigateTo({
          url: '/pages_my/set',
        })
      },
      setting() {
        // if (!this.userInfo.phone) {
        // 	uni.showToast({
        // 		title: "请先登录",
        // 		icon: "none",
        // 		mask: true
        // 	});
        // 	return;
        // }
        uni.navigateTo({
          url: '/pages_my/setting',
        })
      },
      geren() {
        uni.navigateTo({
          url: '/pages_my/details',
        })
      },

      wxlogin() {
        uni.login({
          provider: 'weixin',
          success: (res) => {
            this.$myRequest
              .get('/mob/login/getOpenId', {
                code: res.code,
              })
              .then((res) => {
                this.userInfo1.openid = res.unionid
				this.userInfo1.xOpenid = res.openId;
                uni.setStorageSync('sessionKey', res.sessionkey)
                uni.setStorageSync('userInfo', JSON.stringify(this.userInfo1))
                uni.navigateTo({
                  url: '/pages/login/phoneLogin',
                })
                // this.getUser();
              })
          },
          fail: (error) => {
            console.log(error)
          },
        })
      },

      getuserinfo() {
        this.wxlogin()
      },
      getUser() {
        let that = this
        this.$myRequest
          .get('/mob/login/getUserByWXOpenId', {
            openId: this.userInfo1.openid,
            convencid: this.convencid,
          })
          .then((res) => {
            this.userInfo = res.userInfo
            uni.setStorageSync('userInfo', JSON.stringify(this.userInfo1))
            if (res.userInfo == {} || !res.userInfo.phone) {
              uni.showToast({
                title: '未绑定手机号，前往绑定手机号',
                icon: 'none',
                mask: true,
              })
              setTimeout(function () {
                uni.navigateTo({
                  url: '/pages/login/phoneLogin',
                })
              }, 1500)
            } else {
              uni.setStorageSync('Pduser', res.userInfo)
              that.$store.dispatch('user/login', res.userInfo)
            }
          })
      },
      getUserPhone() {
        let that = this
        // this.phone = this.userInfo.phone
        this.$myRequest
          .get('/mob/login/getUserInfoByPhone', {
            phone: this.phone,
          })
          .then((res) => {
            this.userInfo = res.userInfo
            if (this.userInfo.isShop == 1) {
              this.getShopMsg()
              this.getCarMsg()
            }
            uni.setStorageSync('Pduser', res.userInfo)
            that.$store.dispatch('user/login', res.userInfo)
            this.$myRequest
              .get('/api/mobile/personnelOwner/getAuditingPersonalCertificationByUserId', {
                userId: this.userInfo.id,
              })
              .then((res) => {
                // console.log(res);
                this.inReview = res.whetherHave
                console.log('是否有审核', this.inReview)
              })
          })
      },
      jinzhi() {
        let _this = this
        let param = window.location.href.split('#')[0]
        uni.request({
          method: 'post',
          data: {
            url: param,
          },
          header: {
            'content-type': 'application/x-www-form-urlencoded',
          },
          url: 'https://www.bangbangtongcheng.com/conven//mob/login/getJsTicket.do',
          success(re) {
            _this.jinzhifx(re.data)
          },
        })
      },
      jinzhifx(data) {
        wxshare.config({
          debug: false, //是否打开调试
          appId: data.appId, // 公众号的唯一标识
          timestamp: data.timestamp, // 生成签名的时间戳
          nonceStr: data.nonce, // ，生成签名的随机串
          signature: data.signature, // 签名
          jsApiList: ['hideMenuItems'],
        })
        // 禁止分享
        wxshare.hideMenuItems({
          // 要隐藏的菜单项，只能隐藏“传播类”和“保护类”按钮，所有menu项见附录3
          menuList: [
            'menuItem:share:appMessage',
            'menuItem:share:timeline',
            'menuItem:share:timeline',
            'menuItem:share:qq',
            'menuItem:favorite',
            'menuItem:share:QZone',
            'menuItem:openWithSafari',
          ],
        })
      },
      login() {
        //#ifdef H5
        this.getuniID()
        //#endif
        this.isToLogin();

      },
      getuniID() {
        let userInfo = uni.getStorageSync('userInfo')
        if (!userInfo.openid) {
          return false
        }
        let that = this
        this.$myRequest
          .get('/mob/login/getUserByWXOpenId', {
            openId: userInfo.openid,
            convencid: this.convencid,
          })
          .then((res) => {
            this.userInfo = res.userInfo
            if (!res.userInfo.phone) {
              if (res.userInfo == {} || !res.userInfo.phone) {
                // uni.showToast({
                // 	title: "请绑定手机号",
                // 	icon: "none",
                // 	mask: true
                // });
                setTimeout(function () {}, 1500)
                uni.navigateTo({
                  url: '/pages/login/binding',
                })
              }
            } else {
              uni.setStorageSync('Pduser', res.userInfo)
              that.$store.dispatch('user/login', res.userInfo)
              setTimeout(function () {
                uni.navigateBack({
                  delta: 1,
                })
              }, 500)
            }
          })
      },
      tipslist() {
        uni.navigateTo({
          url: '/pages_my/tipsList',
        })
      },
      tipsDetail(id) {
        uni.navigateTo({
          url: '/pages_my/tipsDetail?id=' + id,
        })
      },
      submitlogin() {
        let that = this
        uni.login({
          //正式登录，弹出授权窗
          provider: 'univerify',
          univerifyStyle: {
            // 自定义登录框样式
            fullScreen: true, // 是否全屏显示，true表示全屏模式，false表示非全屏模式，默认值为false。
            backgroundColor: '#ffffff', // 授权页面背景颜色，默认值：#ffffff
            icon: {
              path: '/static/logo.png', // 自定义显示在授权框中的logo，仅支持本地图片 默认显示App logo
            },
            phoneNum: {
              color: '#2281F5', // 手机号文字颜色 默认值：#000000
            },
            authButton: {
              normalColor: '#64b6a8', // 授权按钮正常状态背景颜色 默认值：#3479f5
              highlightColor: '#64b6a8', // 授权按钮按下状态背景颜色 默认值：#2861c5（仅ios支持）
              disabledColor: '#64b6a8', // 授权按钮不可点击时背景颜色 默认值：#73aaf5（仅ios支持）
              textColor: '#ffffff', // 授权按钮文字颜色 默认值：#ffffff
              title: '本机号码一键登录', // 授权按钮文案 默认值：“本机号码一键登录”
            },
            otherLoginButton: {
              visible: false, // 是否显示其他登录按钮，默认值：true
            },
            privacyTerms: {
              defaultCheckBoxState: true, // 条款勾选框初始状态 默认值： true
              uncheckedImage: '', // 可选 条款勾选框未选中状态图片（仅支持本地图片 建议尺寸 24x24px）(3.2.0+ 版本支持)
              checkedImage: '', // 可选 条款勾选框选中状态图片（仅支持本地图片 建议尺寸24x24px）(3.2.0+ 版本支持)
              checkBoxSize: 12, // 可选 条款勾选框大小，仅android支持
              textColor: '#666666', // 文字颜色 默认值：#BBBBBB
              termsColor: '#64B6A8', //  协议文字颜色 默认值： #5496E3
              prefix: '已阅读并同意', // 条款前的文案 默认值：“我已阅读并同意”
              suffix: ' ', // 条款后的文案 默认值：“并使用本机号码登录”
              privacyItems: [
                // 自定义协议条款，最大支持2个，需要同时设置url和title. 否则不生效
                {
                  url: 'https://bangbangtongcheng.com/agreement.html', // 点击跳转的协议详情页面
                  title: '帮帮同城隐私协议', // 协议名称
                },
                {
                  url: 'https://bangbangtongcheng.com/agreement2.html', // 点击跳转的协议详情页面
                  title: '帮帮同城用户协议', // 协议名称
                },
              ],
            },
            buttons: {
              // 自定义页面下方按钮仅全屏模式生效（3.1.14+ 版本支持）
              iconWidth: '45px', // 图标宽度（高度等比例缩放） 默认值：45px
              list: [
                {
                  provider: 'phone',
                  iconPath: '/static/phone.png', // 图标路径仅支持本地图片
                },
                {
                  provider: 'weixin',
                  iconPath: '/static/wx.png', // 图标路径仅支持本地图片
                },
                {
                  provider: 'apple',
                  iconPath: '/static/apple.png', // 图标路径仅支持本地图片
                },
                // {
                // 	"provider": "Alipay",
                // 	"iconPath": "/static/Alipay.png" // 图标路径仅支持本地图片
                // }
              ],
            },
          },
          success(res) {
            // 正式登录成功
            // console.log(res.authResult); // {openid:'登录授权唯一标识',access_token:'接口返回的 token'}

            // 在得到access_token后，通过callfunction调用云函数
            uniCloud.callFunction({
              name: 'uni-getPhone', // 云函数名称
              data: {
                //传给云函数的参数
                access_token: res.authResult.access_token, // 客户端一键登录接口返回的access_token
                openid: res.authResult.openid, // 客户端一键登录接口返回的openid
              },
              success(callRes) {
                // console.log('调用云函数成功' + JSON.stringify(callRes))
                // console.log("手机号登陆" + callRes.result.phoneNumber)
                that.$myRequest
                  .post('/mob/login/phoneOneClickLogin', {
                    phone: callRes.result.phoneNumber,
                  })
                  .then((res) => {
                    // console.log("手机号登陆结果:" + res)
                    uni.setStorageSync('Pduser', res.userInfo)
                    that.$store.dispatch('user/login', res.userInfo)
                    setTimeout(function () {
                      that.userInfo = uni.getStorageSync('Pduser')
                      that.phone = that.userInfo.phone
                      if (that.phone) {
                        that.getUserPhone()
                        // that.$nextTick(()=>{
                        that.$refs.viewTabbar.fnc()
                        uni.hideLoading()
                        // })
                      }
                    }, 500)
                    uni.closeAuthView() //关闭授权登录界面
                  })
              },
              fail(callErr) {
                uni.showToast({
                  title: '授权失败',
                  icon: 'none',
                  mask: true,
                })
                console.log('调用云函数出错' + callErr)
                uni.closeAuthView() //关闭授权登录界面
              },
            })
          },
          fail(err) {
            // 正式登录失败
            if (err.provider == 'phone') {
              this.isToLogin();
            } else if (err.provider == 'weixin') {
              that.handleThirdLoginApp()
              return
            } else if (err.provider == 'apple') {
              that.appleLogin()
              return
            }
            // else if (err.provider == 'Alipay') {
            // 	that.alipayLogin()
            // 	return
            // }
          },
        })
      },
      // 支付宝登录
      alipayLogin() {
        let that = this
        const plug = uni.requireNativePlugin('Html5app-AlipayAuth')
        if (that.platform == 'ios' || that.platform == 'IOS') {
          plug.login(
            {
              appid: '2021003144632733',
              urlscheme: 'convenAlilogin',
            },
            (ret) => {
              if (ret.code == 0) {
                console.log(ret.result.auth_code, '-------')
                let auth_code = ret.result.auth_code
                that.$myRequest
                  .get('/mob/login/aliLogin', {
                    code: auth_code,
                  })
                  .then((res) => {
                    console.log(res)
                    if (res.userInfo.phone) {
                      uni.showLoading({
                        title: '登录中...',
                      })
                      uni.setStorageSync('Pduser', res.userInfo)
                      that.$store.dispatch('user/login', res.userInfo)
                      setTimeout(function () {
                        that.userInfo = uni.getStorageSync('Pduser')
                        that.phone = that.userInfo.phone
                        if (that.phone) {
                          that.getUserPhone()
                          // that.$nextTick(()=>{
                          that.$refs.viewTabbar.fnc()
                          uni.hideLoading()
                          // })
                        }
                      }, 500)
                    } else {
                      let userInfo = {
                        nickname: res.userInfo.nikeName,
                        headimgurl: res.userInfo.image,
                        zfbOpenid: res.userInfo.zfbOpenid,
                      }
                      uni.setStorageSync('userInfo', JSON.stringify(userInfo))
                      uni.showToast({
                        title: '未绑定手机号，前往绑定手机号',
                        icon: 'none',
                        mask: true,
                      })
                      setTimeout(function () {
                        uni.navigateTo({
                          url: '/pages/login/binding',
                        })
                      }, 1500)
                    }
                  })
              } else {
                uni.showToast({
                  title: '授权失败',
                  icon: 'none',
                  mask: true,
                })
              }
            }
          )
        } else {
          plug.login(
            {
              appid: '2021003144632733',
            },
            (ret) => {
              if (ret.code == 0) {
                console.log(ret.result.auth_code, '-------')
                let auth_code = ret.result.auth_code
                that.$myRequest
                  .get('/mob/login/aliLogin', {
                    code: auth_code,
                  })
                  .then((res) => {
                    console.log(res)
                    if (res.userInfo.phone) {
                      uni.showLoading({
                        title: '登录中...',
                      })
                      uni.setStorageSync('Pduser', res.userInfo)
                      that.$store.dispatch('user/login', res.userInfo)
                      setTimeout(function () {
                        that.userInfo = uni.getStorageSync('Pduser')
                        that.phone = that.userInfo.phone
                        if (that.phone) {
                          that.getUserPhone()
                          // that.$nextTick(()=>{
                          that.$refs.viewTabbar.fnc()
                          uni.hideLoading()
                          // })
                        }
                      }, 500)
                    } else {
                      let userInfo = {
                        nickname: res.userInfo.nikeName,
                        headimgurl: res.userInfo.image,
                        zfbOpenid: res.userInfo.zfbOpenid,
                      }
                      uni.setStorageSync('userInfo', JSON.stringify(userInfo))
                      uni.showToast({
                        title: '未绑定手机号，前往绑定手机号',
                        icon: 'none',
                        mask: true,
                      })
                      setTimeout(function () {
                        uni.navigateTo({
                          url: '/pages/login/binding',
                        })
                      }, 1500)
                    }
                  })
              } else {
                uni.showToast({
                  title: '授权失败',
                  icon: 'none',
                  mask: true,
                })
              }
            }
          )
        }
      },
      submitAndroid() {
        let that = this
        uni.login({
          //正式登录，弹出授权窗
          provider: 'univerify',
          univerifyStyle: {
            // 自定义登录框样式
            fullScreen: true, // 是否全屏显示，true表示全屏模式，false表示非全屏模式，默认值为false。
            backgroundColor: '#ffffff', // 授权页面背景颜色，默认值：#ffffff
            icon: {
              path: '/static/logo.png', // 自定义显示在授权框中的logo，仅支持本地图片 默认显示App logo
            },
            phoneNum: {
              color: '#2281F5', // 手机号文字颜色 默认值：#000000
            },
            authButton: {
              normalColor: '#64b6a8', // 授权按钮正常状态背景颜色 默认值：#3479f5
              highlightColor: '#64b6a8', // 授权按钮按下状态背景颜色 默认值：#2861c5（仅ios支持）
              disabledColor: '#64b6a8', // 授权按钮不可点击时背景颜色 默认值：#73aaf5（仅ios支持）
              textColor: '#ffffff', // 授权按钮文字颜色 默认值：#ffffff
              title: '本机号码一键登录', // 授权按钮文案 默认值：“本机号码一键登录”
            },
            otherLoginButton: {
              visible: false, // 是否显示其他登录按钮，默认值：true
            },
            privacyTerms: {
              defaultCheckBoxState: true, // 条款勾选框初始状态 默认值： true
              uncheckedImage: '', // 可选 条款勾选框未选中状态图片（仅支持本地图片 建议尺寸 24x24px）(3.2.0+ 版本支持)
              checkedImage: '', // 可选 条款勾选框选中状态图片（仅支持本地图片 建议尺寸24x24px）(3.2.0+ 版本支持)
              checkBoxSize: 12, // 可选 条款勾选框大小，仅android支持
              textColor: '#666666', // 文字颜色 默认值：#BBBBBB
              termsColor: '#64B6A8', //  协议文字颜色 默认值： #5496E3
              prefix: '已阅读并同意', // 条款前的文案 默认值：“我已阅读并同意”
              suffix: ' ', // 条款后的文案 默认值：“并使用本机号码登录”
              privacyItems: [
                // 自定义协议条款，最大支持2个，需要同时设置url和title. 否则不生效
                {
                  url: 'https://bangbangtongcheng.com/agreement.html', // 点击跳转的协议详情页面
                  title: '帮帮同城隐私协议', // 协议名称
                },
                {
                  url: 'https://bangbangtongcheng.com/agreement2.html', // 点击跳转的协议详情页面
                  title: '帮帮同城用户协议', // 协议名称
                },
              ],
            },
            buttons: {
              // 自定义页面下方按钮仅全屏模式生效（3.1.14+ 版本支持）
              iconWidth: '45px', // 图标宽度（高度等比例缩放） 默认值：45px
              list: [
                {
                  provider: 'phone',
                  iconPath: '/static/phone.png', // 图标路径仅支持本地图片
                },
                {
                  provider: 'weixin',
                  iconPath: '/static/wx.png', // 图标路径仅支持本地图片
                },
                // {
                // 	"provider": "Alipay",
                // 	"iconPath": "/static/Alipay.png" // 图标路径仅支持本地图片
                // }
              ],
            },
          },
          success(res) {
            // 正式登录成功
            console.log(res.authResult) // {openid:'登录授权唯一标识',access_token:'接口返回的 token'}

            // 在得到access_token后，通过callfunction调用云函数
            uniCloud.callFunction({
              name: 'uni-getPhone', // 云函数名称
              data: {
                //传给云函数的参数
                access_token: res.authResult.access_token, // 客户端一键登录接口返回的access_token
                openid: res.authResult.openid, // 客户端一键登录接口返回的openid
              },
              success(callRes) {
                // console.log('调用云函数成功' + JSON.stringify(callRes))
                console.log('手机号登陆' + callRes.result.phoneNumber)
                that.$myRequest
                  .post('/mob/login/phoneOneClickLogin', {
                    phone: callRes.result.phoneNumber,
                  })
                  .then((res) => {
                    console.log('手机号登陆结果:' + res)
                    uni.setStorageSync('Pduser', res.userInfo)
                    that.$store.dispatch('user/login', res.userInfo)
                    setTimeout(function () {
                      that.userInfo = uni.getStorageSync('Pduser')
                      that.phone = that.userInfo.phone
                      if (that.phone) {
                        that.getUserPhone()
                        // that.$nextTick(()=>{
                        that.$refs.viewTabbar.fnc()
                        uni.hideLoading()
                        // })
                      }
                    }, 500)
                    uni.closeAuthView() //关闭授权登录界面
                  })
              },
              fail(callErr) {
                uni.showToast({
                  title: '授权失败',
                  icon: 'none',
                  mask: true,
                })
                console.log('调用云函数出错' + callErr)
              },
            })
          },
          fail(err) {
            // 正式登录失败
            if (err.provider == 'phone') {
              this.isToLogin();
            } else if (err.provider == 'weixin') {
              that.handleThirdLoginApp()
              return
            }
            // else if (err.provider == 'Alipay') {
            // 	that.alipayLogin()
            // 	return
            // }
          },
        })
      },
      handleThirdLoginApp() {
        console.log('App微信拉起授权')
        var that = this
        uni.getProvider({
          service: 'oauth',
          success: function (res) {
            console.log(res.provider) //支持微信、qq和微博等
            if (res.provider.indexOf('weixin')) {
              uni.login({
                provider: 'weixin',
                success: function (loginRes) {
                  console.log('App微信获取用户信息成功', loginRes)
                  that.getApploginData(loginRes) //请求登录接口方法
                },
                fail: function (res) {
                  console.log('App微信获取用户信息失败', res)
                  uni.showToast({
                    title: '测试环境，无法使用',
                    icon: 'none',
                  })
                },
              })
            }
          },
        })
      },
      appleLogin() {
        console.log('苹果登录')
        var that = this
        // 判断是 iOS13版本
        uni.login({
          provider: 'apple',
          success: (loginRes) => {
            uni.getUserInfo({
              provider: 'apple',
              success: (userInfoRes) => {
                console.log(userInfoRes)
                let data = userInfoRes.userInfo
                let userInfo = {
                  openid: data.openId,
                  headimgurl: '',
                  nickname: '苹果用户',
                }
                uni.setStorageSync('userInfo', JSON.stringify(userInfo))
                // console.log("aaaaaaa");
                that.getunis()
              },
              fail: (err) => {
                console.log(err)
              },
            })
          },
          fail: (err) => {
            console.log(err)
          },
        })
      },
      getApploginData(data) {
        var that = this
        //这边是前端自己去调微信用户信息的接口，根据接口需要请求，如果不需要前端去获取的话就交给后端，可省去次操作
        uni.request({
          url:
            'https://api.weixin.qq.com/sns/userinfo?access_token=' +
            data.authResult.access_token +
            '&openid=' +
            data.authResult.openid,
          method: 'GET',
          dataType: 'json',
          header: {
            'content-type': 'application/x-www-form-urlencoded', // 默认值
          },
          success(res) {
            console.log('【登录回调啾啾啾】', res)
            let data = res.data
            let userInfo = {
              openid: data.unionid,
              headimgurl: data.headimgurl,
              nickname: data.nickname,
            }
            uni.setStorageSync('userInfo', JSON.stringify(userInfo))
            // console.log("aaaaaaa");
            that.getunis()
          },
          fail() {},
        })
      },
      getunis() {
        let that = this
        let userInfo = JSON.parse(uni.getStorageSync('userInfo'))
        console.log('openid是:', userInfo.openid)
        this.$myRequest
          .get('/mob/login/getUserByWXOpenId', {
            openId: userInfo.openid,
            convencid: this.convencid,
          })
          .then((res) => {
            console.log('获取的信息是:', res)
            this.userInfo = res.userInfo
            if (!res.userInfo.phone) {
              if (res.userInfo == {} || !res.userInfo.phone) {
                uni.showToast({
                  title: '请绑定手机号',
                  icon: 'none',
                  mask: true,
                })
                setTimeout(function () {
                  uni.navigateTo({
                    url: '/pages/login/binding',
                  })
                }, 1500)
              }
            } else {
              uni.showLoading({
                title: '登录中...',
              })
              uni.setStorageSync('Pduser', res.userInfo)
              that.$store.dispatch('user/login', res.userInfo)
              setTimeout(function () {
                that.userInfo = uni.getStorageSync('Pduser')
                that.phone = that.userInfo.phone
                if (that.phone) {
                  that.getUserPhone()
                  that.$refs.viewTabbar.fnc()
                  uni.hideLoading()
                }
              }, 500)
            }
          })
      },
    },
  }
</script>

<style lang="less" scoped>
  .user-photo {
    flex-direction: column;
    align-items: center;
    margin: 0 22rpx 0 0;

    .label-box {
      div {
        margin-top: 10rpx;
        height: 34rpx;
        line-height: 34rpx;
        text-align: center;
        font-size: 22rpx;
        font-weight: 800;
        letter-spacing: 2rpx;
      }
    }

    .personal-label {
      display: inline-block;
      padding: 2rpx 6rpx;
      min-width: 154rpx;
      background: url('https://pic.bangbangtongcheng.com/static/my/tag1.png') center no-repeat;
      background-size: cover;
      // font-weight: 700;

      text {
        color: #333;
        font-size: 22rpx;
      }
    }

    .shop-label {
      display: flex;
      flex-wrap: nowrap;
      align-items: center;
      padding: 2rpx 8rpx;
      min-width: 120rpx;
      width: auto;
      background: url('https://pic.bangbangtongcheng.com/static/my/tag2.png') center no-repeat;
      background-size: 100% 100%;
      color: #4e260a;
      font-size: 22rpx;
      // letter-spacing: 1rpx;

      span {
        width: 100%;
      }
    }
  }

  .mapbuZbc {
    position: fixed;
    width: 100%;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: start;
    z-index: 999999999;

    .certify-section {
      position: relative;
      margin-top: 500rpx;
      padding: 70rpx 20rpx;
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 600rpx;
      background: url('https://pic.bangbangtongcheng.com/static/model-bg.png') center no-repeat;
      background-size: cover;
      border-radius: 20rpx;
    }

    .mapView {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      padding: 0 28rpx;

      .img-box {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 130rpx;
        height: 130rpx;
        text-align: center;
        background: #fff;
        border-radius: 50%;
        box-shadow: 0rpx 10rpx 20rpx 0rpx rgba(24, 97, 93, 0.08);

        img {
          width: 50rpx;
          height: 50rpx;
        }
      }
    }

    view {
      display: inline-block;
      position: relative;
      text-align: center;

      image {
        // width: 130rpx;
        // height: 130rpx;
        width: 120rpx;
        height: 120rpx;
      }

      p {
        margin-top: 24rpx;
        width: 100%;
        font-size: 24rpx;
        color: #fff;
        text-align: center;
        white-space: nowrap;
        color: #333;
      }
    }

    .show {
      position: absolute;
      bottom: -90rpx;
      left: 50%;
      transform: translateX(-50%);
      z-index: 3;
      width: 60rpx;
      height: 60rpx;
    }
  }

  .box {
    width: 100%;
    min-height: 100vh;
    background-color: #f2f2f2;
    padding-bottom: 185rpx;
    text-align: center;
    background-image: url(https://pic.bangbangtongcheng.com/static/my_background_image1.png);
    background-size: 100%;
    background-repeat: no-repeat;
  }

  .list {
    position: relative;
    width: 690rpx;
    height: 80rpx;
    margin-left: 30rpx;
    background-color: #f2f2f2;
    border-radius: 10rpx;
    margin-top: 24rpx;

    .p1 {
      position: absolute;
      width: 410rpx;
      top: 22rpx;
      left: 30rpx;
      color: #666666;
      font-size: 26rpx;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    .p2 {
      position: absolute;
      top: 22rpx;
      right: 30rpx;
      font-size: 24rpx;
      color: #999;
    }
  }

  .kapian {
    width: 100%;

    .li {
      position: relative;
      display: inline-block;
      width: 330rpx;
      height: 150rpx;
      margin-left: 30rpx;
      // border: 2px solid #fff;
      border-radius: 20rpx;

      image {
        width: 100%;
        height: 100%;
      }

      p {
        position: absolute;
        top: 54rpx;
        left: 30rpx;
        color: #fff;
        font-size: 30rpx;
      }
    }
  }

  .tit {
    margin-top: 20rpx;

    p {
      display: inline-block;
    }

    .p1 {
      font-size: 32rpx;
      margin-left: 30rpx;
    }

    .p2 {
      width: 92rpx;
      height: 46rpx;
      line-height: 48rpx;
      background: #e0e0e0;
      border-radius: 24rpx;
      text-align: center;
      margin-left: 470rpx;
      font-size: 22rpx;
    }
  }

  .info {
    position: absolute;
    right: 30rpx;
    bottom: 6rpx;
    width: 160rpx;
    height: 60rpx;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24rpx;
    border-radius: 30rpx;
    color: #64b6a8;
    background-color: #fff;
    // margin-left: 60rpx;
    /* #ifdef MP-WEIXIN */
    // padding: 0rpx 10rpx;
    // margin-left: 100rpx;
    /* #endif */
  }

  .top1 {
    width: 100%;
    line-height: 32rpx;
    // padding-bottom: 50rpx;

    .title {
      text-align: center;
      height: 100rpx;
      line-height: 140rpx;
      font-size: 32rpx;
      color: #000;
    }

    .user-info {
      margin: 0 auto;
      margin-bottom: 20rpx;
      padding: 23rpx 20rpx;
      width: 710rpx;
      position: relative;
      background: #fff;
      border-radius: 20rpx;

      .user-top {
        display: flex;
        align-items: center;
        justify-content: space-between;

        .user-left {
          width: 187rpx;

          .header-img {
            width: 96rpx;
            height: 96rpx;
            border-radius: 50%;
          }
        }

        .user-middle {
          width: 500rpx;

          .user {
            justify-content: space-between;
            padding-top: 11rpx;
            padding: 11rpx 0 0 0;
            background: transparent;
            border: none;
            margin: 0;
            // margin-left: 45rpx;
            /* #ifdef MP-WEIXIN */
            // margin-left: 45rpx;
            /* #endif */

            .name {
              position: relative;
              margin-bottom: 14rpx;

              .user-name {
                display: inline-block;
                max-width: 400rpx;
                font-size: 36rpx;
                line-height: 36rpx;
                text-align: left;
                margin-bottom: 10rpx;
                white-space: nowrap;
                /* 保持文本在一行显示 */
                overflow: hidden;
                /* 隐藏超出容器的部分 */
                text-overflow: ellipsis;
                /* 超出部分显示为省略号 */
              }

              .user-names {
                font-size: 34rpx;
                line-height: 50rpx;
                margin-bottom: 10rpx;
                // overflow: hidden;
                // white-space:nowrap;
                display: flex;
                align-items: center;

                .image {
                  width: 30rpx;
                  height: 30rpx;
                  margin-left: 18rpx;
                  margin-top: -8px;
                }
              }

              .info {
                position: relative;
                right: 0rpx;
                width: 160rpx;
                font-size: 24rpx;
                padding: 5rpx 20rpx;
                border-radius: 100rpx;
                border: 2rpx solid #fff;
                text-align: center;
                // margin-left: 60rpx;
                /* #ifdef MP-WEIXIN */
                // font-size: 24rpx;
                // padding: 0rpx 10rpx;
                // border-radius: 100rpx;
                // border: 2rpx solid #fff;
                // text-align: center;
                // margin-left: 100rpx;
                /* #endif */
              }
            }

            .user-account {
              display: flex;
              justify-content: flex-start;
              align-items: center;
              font-size: 24rpx;
              line-height: 32rpx;
              text-align: left;
              color: #333;
              margin-bottom: 14rpx;

              .set-icon {
                margin-left: auto;
                width: 30rpx;
                height: 30rpx;
              }
            }

            .user-member {
              margin-bottom: 14rpx;
              text-align: left;

              .vip-rank {
                display: inline-block;
                padding: 5rpx 15rpx;
                margin: 0 18rpx 0 0;
                background: #f6f0ff;
                border-radius: 4rpx;
                opacity: 1;
                font-size: 24rpx;
                font-weight: 500;
                // color: #bd90d9;
                text-align: center;
                color: #999;
                background: #f5f7f9;
              }

              .has-audit {
                color: #0fa291;
                background: #e7f5f4;
              }
            }

            .user-label {
              display: flex;
              justify-content: flex-start;
              align-items: center;
              margin-bottom: 14rpx;
              font-size: 24rpx;
              color: #333;
            }

            .tag {
              display: flex;

              .tag-child {
                width: 120rpx;
                height: 44rpx;
                line-height: 44rpx;
                text-align: center;
                background: url(https://pic.bangbangtongcheng.com/static/my/tag1.png) no-repeat;
                background-size: 100% 100%;
                // align-items: center;
                // justify-content: center;
                // display: flex;
                margin-right: 20rpx;
                color: #fff;
                font-size: 22rpx;
              }
            }
          }

          .user::after {
            border: none;
          }
        }
      }

      .user-bottom {
        display: flex;
        justify-content: left;
        align-items: center;
        margin-top: 5rpx;
        padding-top: 20rpx;
        border-top: 1rpx solid #ebebed;

        .btn-auth {
          margin: 0;
          padding: 0 20rpx;
          width: 190rpx;
          height: 50rpx;
          text-align: center;
          line-height: 50rpx;
          font-size: 28rpx;
          color: #fff;
          background-color: #0fa291;
          border-radius: 100rpx;
        }

        .auth-welcome {
          width: 120rpx;
          font-size: 24rpx;
          color: #666;
        }

        .auth-text {
          display: -webkit-box;
          /* 使用WebKit的盒子模型 */
          -webkit-line-clamp: 2;
          /* 限制在一个块元素显示的文本的行数 */
          -webkit-box-orient: vertical;
          /* 设置盒子的子元素的排列方式 */
          width: 450rpx;
          text-align: left;
          font-size: 24rpx;
          color: #666;
          overflow: hidden;
          text-overflow: ellipsis;
        }
      }
    }

    .favorite {
      margin: 0 auto;
      // margin-bottom: 20rpx;
      padding: 40rpx 75rpx;
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 710rpx;
      text-align: center;
      background: #fff;
      border-radius: 20rpx;

      & > view {
        width: 33%;
      }

      .number {
        margin-bottom: 20rpx;
        font-size: 36rpx;
        font-weight: bolder;
      }

      .text {
        font-size: 24rpx;
      }
    }

    .resume {
      margin: 0 auto;
      margin-top: 14rpx;
      width: 710rpx;
      border-radius: 20rpx;

      .resume-waiting {
        position: relative;

        .tag-approving {
          position: absolute;
          top: 50%;
          right: 20rpx;
          transform: translateY(-50%) rotate(-15deg);
          padding: 10rpx 20rpx;
          display: flex;
          justify-content: center;
          align-items: center;
          font-size: 24rpx;
          color: #fff;
          background: rgba(0, 0, 0, 0.5);
          border-radius: 10rpx;
        }
      }

      .resume-reject {
        position: relative;

        .tag-reject {
          position: absolute;
          top: 45%;
          right: 37%;
          transform: rotate(-15deg);
          padding: 10rpx 20rpx;
          display: flex;
          justify-content: center;
          align-items: center;
          font-size: 24rpx;
          color: #fff;
          background: rgba(0, 0, 0, 0.5);
          border-radius: 10rpx;
        }
      }

      .resume-passed {
        display: flex;
        justify-content: space-between;
        align-items: stretch;
        margin-top: 20rpx;

        .resume-mine {
          padding: 31rpx 22rpx;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          width: 178rpx;
          color: #666;
          font-size: 24rpx;
          background: url('https://pic.bangbangtongcheng.com/static/my/resume-mine-bg.png') center
            no-repeat;
          background-size: cover;
          border-radius: 20rpx;

          & > img {
            margin: 0 auto;
            width: 116rpx;
            height: 90rpx;
          }
        }

        .resume-percent,
        .resume-refresh {
          padding: 14rpx 14rpx;
          color: #333;
          font-size: 20rpx;
          background: #fff;
          border-radius: 20rpx;
          display: flex;
          flex-flow: wrap column;
          justify-content: flex-end;
          align-items: center;

          .btn-resume-done {
            display: inline-block;
            padding-left: 12rpx;
            padding-right: 12rpx;
            height: 50rpx;
            line-height: 50rpx;
            text-align: center;
            font-size: 24rpx;
            color: #fff;
            background: linear-gradient(135deg, #ffa872 0%, #d27742 100%);
            box-shadow: 0rpx 5rpx 10rpx 0rpx rgba(148, 65, 17, 0.3);
            border-radius: 32rpx;
          }
        }

        .resume-percent {
          width: 250rpx;

          .progress-box {
            margin-top: 18rpx;
            width: 216rpx;
            height: 18rpx;
            background: #dddddd;
            border-radius: 9rpx;

            .progress-content {
              width: 70%;
              height: 18rpx;
              line-height: 18rpx;
              text-align: center;
              font-size: 20rpx;
              color: #fff;
              background: linear-gradient(135deg, #47c8c0 0%, #0fa291 100%);
              border-radius: 9rpx;
            }
          }
        }

        .resume-refresh {
          width: 250rpx;
        }
      }

      img {
        display: block;
        width: 100%;
        //height: 115rpx;
      }

      .btn-resume {
        position: absolute;
        top: 50%;
        right: 40rpx;
        transform: translateY(-50%);
        margin-right: 0;
        display: inline-block;
        height: 50rpx;
        line-height: 50rpx;
        text-align: center;
        font-size: 26rpx;
        color: #fff;
        background: linear-gradient(135deg, #ffa872 0%, #d27742 100%);
        box-shadow: 0rpx 5rpx 10rpx 0rpx rgba(148, 65, 17, 0.3);
        border-radius: 32rpx;
      }
    }
  }

  .major-function {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
    margin-bottom: 20rpx;
    width: 710rpx;

    .major-item {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: flex-start;
      padding: 28rpx;
      height: 126rpx;

      .title {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;

        .title-text {
          font-size: 32rpx;
          font-weight: 600;
          background: -webkit-linear-gradient(left, #f8eae2, #fbb386);
          background: -o-linear-gradient(right, #f8eae2, #fbb386);
          background: -moz-linear-gradient(right, #f8eae2, #fbb386);
          background: linear-gradient(to right, #f8eae2, #fbb386);
          /* 确保背景只在文本区域显示 */
          -webkit-background-clip: text;
          background-clip: text;
          color: transparent;
          /* 透明文字，让渐变背景显示 */
        }

        .title-icon {
          width: 42rpx;
          height: 42rpx;
        }
      }

      .content {
        margin-top: 8rpx;
        font-size: 22rpx;
        color: #fad6c0;
      }
    }

    .promotion {
      width: 270rpx;
      background: url('https://pic.bangbangtongcheng.com/static/my/promotion.png') center no-repeat;
      background-size: cover;
    }

    .withdrawal {
      width: 230rpx;
      background: url('https://pic.bangbangtongcheng.com/static/my/withdrawal.png') center no-repeat;
      background-size: cover;
    }

    .balance {
      width: 170rpx;
      background: url('https://pic.bangbangtongcheng.com/static/my/balance.png') center no-repeat;
      background-size: cover;
    }
  }

  .member-activities {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
    margin-bottom: 20rpx;
    width: 710rpx;
    background: linear-gradient(27deg, #fdefdf 0%, #ffffff 100%);
    border-radius: 20rpx;

    .activities-item {
      padding: 20rpx;

      .title {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;

        .title-text {
          font-size: 26rpx;
          font-weight: 500;
          color: #000;
        }

        .title-icon {
          width: 42rpx;
          height: 42rpx;
        }
      }

      .content {
        margin-top: 8rpx;
        font-size: 24rpx;
        text-align: left;
        color: #666;
      }
    }

    .column-line {
      margin-top: 10rpx;
      width: 1rpx;
      height: 180rpx;
      background: #ccc;
    }

    .car-members {
      width: 350rpx;
      height: 220rpx;
      background: url('https://pic.bangbangtongcheng.com/static/my/car-members.png') center
        no-repeat;
      background-size: cover;
    }

    .line {
      margin: 0 20rpx;
      border-bottom: 1rpx solid #ccc;
    }

    .activities-center,
    .today-task {
      width: 350rpx;
      height: 110rpx;

      .title {
        .title-icon {
          width: 25rpx;
          height: 28rpx;
        }
      }
    }
  }

  .tool-section {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
    margin-bottom: 20rpx;
    padding: 20rpx 20rpx 0 20rpx;
    width: 710rpx;
    background: linear-gradient(180deg, #e7f5f4 0%, #ffffff 100%);
    border-radius: 20rpx;
    border: 1rpx solid #ededed;

    .tool-item {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 20rpx;
      padding: 15rpx 30rpx;
      width: 325rpx;
      height: 90rpx;
      background: #fff;
      border-radius: 10rpx;

      .title-text {
        font-size: 26rpx;
        font-weight: 500;
        background: -webkit-linear-gradient(left, #000000, #0fa291);
        background: -o-linear-gradient(right, #000000, #0fa291);
        background: -moz-linear-gradient(right, #000000, #0fa291);
        background: linear-gradient(to right, #000000, #0fa291);
        /* 确保背景只在文本区域显示 */
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
        /* 透明文字，让渐变背景显示 */
      }

      .tool-icon {
        width: 55rpx;
        height: 63rpx;
      }
    }
  }

  .beFondOf {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 46rpx;
    margin-bottom: 10rpx;

    .beFondOf_right {
      margin-right: 35rpx;
      display: flex;
      align-items: center;

      .beFondOf_right_span {
        font-size: 26rpx;
        color: #fff;
      }

      .beFondOf_right_img {
        width: 40rpx;
        height: 32rpx;
      }
    }
  }

  .management_title {
    display: flex;
    align-items: center;
    height: 46rpx;
    margin-left: 50rpx;
    margin-top: 10rpx;
    margin-bottom: 10rpx;

    .management_title_left {
      width: 4rpx;
      height: 26rpx;
      background-color: #ffffff;
      border-radius: 5rpx;
      margin-right: 15rpx;
    }

    .management_title_right {
      font-size: 32rpx;
      font-weight: 500;
      color: #ffffff;
    }
  }

  // 我的管理
  .function {
    position: relative;
    margin: 0 auto;
    margin-top: 20rpx;
    margin-bottom: 20rpx;
    padding: 0 20rpx;
    padding-bottom: 30rpx;
    background: #fff;
    width: 710rpx;
    border-radius: 20rpx;
    box-shadow: 0px 3rpx 6rpx rgba(102, 102, 102, 0.17);

    .manage-box {
      display: flex;
      justify-content: space-around;
      // font-weight: bolder;

      view {
        // flex-grow: 1;
        font-weight: bold;
      }
    }

    .myManagement {
      padding: 30rpx 0;
      display: flex;
      align-items: center;
      font-size: 32rpx;
      font-weight: 500;
      color: #000;

      .title-line {
        margin-right: 10rpx;
        display: inline-block;
        width: 8rpx;
        height: 32rpx;
        background: #0fa291;
        border-radius: 4rpx;
      }
    }

    .bbhy_xs {
      display: flex;
      align-items: center;

      .image {
        width: 52rpx;
        height: 47rpx;
        margin-right: 20rpx;
      }

      .vip-rank {
        padding: 3rpx 10rpx;
        margin: 0 18rpx 0 0;
        background: #f6f0ff;
        border-radius: 6rpx 6rpx 6rpx 6rpx;
        opacity: 1;
        border: 2rpx solid #bd90d9;
        font-size: 24rpx;
        font-weight: 500;
        color: #bd90d9;
        margin-right: 20rpx;
        text-align: center;
      }

      .accumulativeTotal {
        padding-left: 20rpx;
        border-left: 1px solid #f0f0f0;

        .total {
          font-size: 26rpx;
          font-weight: 500;
          color: #64b6a8;

          span {
            font-size: 24rpx;
            color: #666;
          }
        }

        .surplus {
          font-size: 26rpx;
          font-weight: 500;
          color: #64b6a8;

          span {
            font-size: 24rpx;
            color: #666;
          }
        }
      }
    }

    .function_top {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: space-between;

      .function_top_xh {
        background: linear-gradient(317deg, #8bd3c7 0%, #2ca28d 100%);
        border-radius: 20rpx 0px 20rpx 0px;
        font-size: 30rpx;
        font-weight: 500;
        color: #ffffff;
        padding: 8rpx 16rpx;
      }

      .function_top_zdy {
        margin-right: 35rpx;
        display: flex;
        align-items: center;

        .function_top_zdy_span {
          font-size: 26rpx;
          color: #666666;
        }

        .function_top_zdy_img {
          width: 40rpx;
          height: 32rpx;
        }
      }
    }

    .flex {
      display: flex;
      justify-content: space-between;
      align-items: center;
    }

    .blockzbq {
      position: relative;
      min-width: 20%;
      text-align: center;
      font-size: 24rpx;
      white-space: nowrap;

      image {
        width: 70rpx;
        height: 70rpx;
      }

      uni-view {
        // font-weight: bolder;
      }

      .red-text {
        position: absolute;
        top: 0;
        right: 16rpx;
        transform: translateX(50%);
        color: red;
        line-height: 12rpx;
        letter-spacing: 1rpx;
      }
    }

    .block {
      text-align: center;
      font-size: 24rpx;
      padding: 6rpx 0;

      image {
        width: 70rpx;
        height: 70rpx;
      }
    }

    .xh_block {
      width: 25%;
      flex-shrink: 0;
    }
  }

  .slidBar {
    width: 120rpx;
    height: 8rpx;
    border-radius: 4rpx;
    background-color: #f0f0f0;
    margin: 0 auto;
    display: flex;

    .zishen {
      height: 8rpx;
      border-radius: 4rpx;
      background-color: #64b6a8;
    }
  }

  .binds_frame {
    width: 600rpx;
    background-color: #ffffff;
    border-radius: 10rpx;
    text-align: center;

    .binds_frame_t {
      font-size: 36rpx;
      font-weight: 550;
      color: #000000;
      padding: 0 46rpx;
      padding-top: 36rpx;
    }

    .binds_frame_c {
      width: 500rpx;
      margin: 0 auto;
      font-size: 30rpx;
      font-weight: 400;
      color: #64b6a8;
      margin-top: 30rpx;
      margin-bottom: 50rpx;
    }

    .binds_frame_b {
      display: flex;
      align-items: center;
      justify-content: space-between;

      .cancel {
        flex: 1;
        height: 90rpx;
        border: 1px solid #eee;
        border-radius: 10rpx 0 0 10rpx;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 30rpx;
        font-weight: 400;
        color: #000;
      }

      .determine {
        flex: 1;
        height: 90rpx;
        border: 1px solid #eee;
        border-radius: 0 10rpx 10rpx 0;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 30rpx;
        font-weight: 400;
        color: #007aff;
      }
    }
  }

  .binds_jjrrz {
    width: 600rpx;
    background-color: #ffffff;
    border-radius: 10rpx;
    padding: 40rpx 40rpx 30rpx 40rpx;

    .title {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 20rpx;

      .title_left {
        display: flex;
        align-items: center;

        .title_left_image {
          width: 40rpx;
          height: 40rpx;
          margin-right: 10rpx;
        }

        .title_left_span {
          font-size: 30rpx;
          font-weight: 500;
          color: #333333;
        }
      }

      .title_image {
        width: 28rpx;
        height: 28rpx;
      }
    }

    .tips {
      font-size: 30rpx;
      font-weight: 400;
      color: #888888;
      margin-bottom: 20rpx;
    }

    .centers {
      display: flex;
      align-items: center;
      justify-content: space-around;

      .centers_item {
        display: flex;
        flex-direction: column;
        align-items: center;
        font-size: 30rpx;
        font-weight: 400;
        color: #333333;

        .image {
          width: 120rpx;
          height: 120rpx;
          margin-bottom: 20rpx;
        }
      }
    }
  }

  .fabuZbc {
    position: fixed;
    width: 100%;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 999999999;

    .fabuZbc_sj {
      width: 100%;
      position: absolute;
      top: 40%;
      left: 0;
      display: flex;
      justify-content: center;
      flex-wrap: wrap;

      .fzView {
        width: 25%;
        text-align: center;
        margin-top: 20rpx;

        image {
          width: 120rpx;
          height: 120rpx;
        }

        p {
          width: 100%;
          font-size: 35rpx;
          color: #fff;
          text-align: center;
          margin-top: 24rpx;
          white-space: nowrap;
        }
      }

      .show {
        position: absolute;
        width: 58rpx;
        height: 58rpx;
        left: 50%;
        transform: translateX(-50%);
        bottom: -100rpx;
      }
    }
  }

  .window {
    width: 600rpx;
    background: #fff;
    border-radius: 10rpx;
    padding-top: 64rpx;
    position: relative;
    overflow: hidden;

    .window_top {
      margin: 0 30rpx;
    }

    .window_title {
      color: #3d3d3d;
      font-size: 30rpx;
      line-height: 30rpx;
      text-align: center;
      margin-bottom: 30rpx;
    }

    .window_close {
      width: 40rpx;
      height: 40rpx;
      top: 20rpx;
      right: 20rpx;
      position: absolute;
    }

    .window_text {
      margin-bottom: 20rpx;
      font-size: 28rpx;
      color: #3d3d3d;
    }

    .text_widnow {
      padding: 16rpx;
      min-height: 160rpx;
      background: #f2f2f2;
      border-radius: 10rpx;
      opacity: 1;
      font-size: 24rpx;
      line-height: 34rpx;
      margin-bottom: 20rpx;
    }

    .show {
      text-align: right;
      font-size: 24rpx;
      color: #64b6a8;
      line-height: 34rpx;
      padding-bottom: 20rpx;
    }

    .window_btn_box {
      display: flex;

      .window_btn {
        width: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 90rpx;
        background: #f2f2f2;
        font-size: 30rpx;
      }

      .window_btn1 {
        color: #fff;
        background: #64b6a8;
      }
    }
  }

  .unselectable {
    user-select: none;
    /* Standard syntax */
    -webkit-user-select: none;
    /* Safari and Chrome */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
  }
</style>
